/*
Theme Name: Advantage Media Partners Divi-child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: Advantage Media Partners Child theme for the Divi theme
Author: Advantage Media Partners
Author URI: http://www.advantagemediapartners.com
Template: Divi
Version: 3.8 10/28/2022
*/

/**********[ Ben's helper classes ]**********/


.flex-display {
	display: flex;
	align-items: center;
}

@media only screen and (max-width: 980px) {
	.flex-display {
		display: block;
	}
    /* apply these to rows */
    .two-columns .et_pb_column {
        width: 50%!important;
    }
    .three-columns .et_pb_column {
        width: 33.33%!important;
    }    
    .four-columns .et_pb_column {
        width: 25%!important;
    }

}

.mobile_menu_bar:after {
	display: none;
}

.sticky {
	position: sticky;
	top: 100px;
}

.entry-content ul {
    margin-left: 15px;
}
.puppy-container {
    display: grid; 
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 1080px;
    margin: 0 auto;
}

@media only screen and (max-width: 1080px) {
    .puppy-container {
        grid-template-columns: auto;
    }
}

.puppy_card {
    position: relative;
    padding: 25px;
    margin: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.overlay {
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 0;
    background-color: rgba(0,0,0,.8);
    width: 100%;
    height: 100%;
    z-index: 99999;
}

.overlay h2 {
    color: white;
}

.puppies_title {
    display: flex;
    justify-content: center;
}

.puppies_title h1 {
    text-align: center;
	font-family: 'Great Vibes', cursive;
    color:white;
	font-size: 45px;
    line-height: 1.7em;
}

.puppy_card {
    position: relative;
    padding: 10px;
}

.single-overlay {
    position: absolute;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 0;
    background-color: rgba(0,0,0,.8);
    width: 100%;
    height: 100%;
    z-index: 99999;
    border-radius: 10px;
}

.single-overlay h2 {
    color: white;
}

.puppy-banner {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center; 
}

.puppy-info {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    grid-column-gap: 30px;
    align-items: center;
    padding: 25px;
}

.puppy-gallery {
    display: flex;
    justify-content: space-evenly;
}

@media only screen and (max-width: 780px) {
    .puppy-gallery {
       flex-direction: column;
       align-items: center;
    }
  }

.puppy-gallery img {
    width: 250px;
    padding: 25px;
}

.puppy-btn {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center; 
}

.puppy-btn .cta {
    color: #ffffff!important;
    border-width: 15px!important;
    border-radius: 100px;
    letter-spacing: 3px;
    font-size: 16px;
    font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif!important;
    text-transform: uppercase!important;
    border-color: #C49BBB!important;
    background-color: #C49BBB!important;
    padding: 20px 25px;
}

.puppy_card a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.puppy_card h2 {
    text-align: center;
}

.puppy_card img {
    margin: 20px;
    border-radius: 10px;
}

.puppy_card button {
    color: #ffffff;
    border-width: 15px;
    border-color: rgba(210,159,104,0);
    border-radius: 100px;
    letter-spacing: 3px;
    font-size: 16px;
    font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
    text-transform: uppercase;
    background-color: #C49BBB;
    cursor: pointer;
    transition: all .2s;
}

.puppy_card button:hover {
    border-color: rgba(0,0,0,0);
    background-color: #a0a294;
    cursor: pointer;
}
/**********[ CSS @imports ]**********/



/**********[ Globals ]**********/


/**********[ Home Page ]**********/


/**********[ Header & Top Nav ]**********/

/* Place the word MENU after the mobile hamburger */
.mobile_menu_bar:after {
    content: 'MENU';
    position: relative !important;
    bottom: 10px;
    left: 10%;
    color: #2ea3f2;
}

/* Change the hamburger to X when opened */
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}


/**********[ Featurettes Top]**********/


/**********[ Slider ]**********/


/**********[ Body ]**********/


/**********[ Services ]**********/


/**********[ Forms ]**********/


/**********[ Footer ]**********/


/**********[ Media Queries ]**********/
@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;
}
.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}
}

.et-social-tik-tok a.icon:before {
    content: url('images/tik-tok-icon.png');
}

.et-social-snapchat a.icon:before {
    content: url('images/snapchat-icon.png');
}

.et-social-yelp a.icon:before {
    content: url('images/yelp-icon.png');
}

.et-social-linktree a.icon:before {
	font-family: FontAwesome !important;
    content: '\f0c1';
}