/*
Theme Name: Divi Child Theme
Theme URI: https://divireadythemes.com/
Description: Divi Child Theme
Author: Divi Ready Themes
Author URI: https://divireadythemes.com/
Template: Divi
Version: Updated for Divi 3+
*/

/*------------------------------------------------*/
/*-------------------[Typography]-----------------*/
/*------------------------------------------------*/
h2, h3, h4, h5, h6 {
    font-weight: 700;
    text-transform: uppercase;
    color: #745aa4;
}

h1 {
	color: #fbba30;
	font-weight: 700;
}

h2 {
    font-size: 1.438em;
    line-height: 1.348em;
    margin-bottom: 0.913em;
}

h5 {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 1.313em;
}

h3 {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 0px;
}

/*-----------------------------------------------*/ 
/*-----Scrolling Module Carousel by Divi Soup----*/ 
/*-----------------------------------------------*/

/*Carousel settings, adjust these values only*/

:root {
    --ds-module-number: 56; /*Your TOTAL number of modules, so if you have 8 modules duplicated, this number should be 16*/
    --ds-columns-desktop: 6; /*The number of modules you want displayed at any one time on desktop*/
    --ds-columns-tablet: 4; /*The number of modules you want displayed at any one time on tablet*/
    --ds-columns-mobile: 2; /*The number of modules you want displayed at any one time on mobile*/
    --ds-speed-desktop: 70s; /*The speed you want your carousel to move on desktop (increase value for slower, decrease for faster)*/
    --ds-speed-tablet: 90s; /*The speed you want your carousel to move on tablet (increase value for slower, decrease for faster)*/
    --ds-speed-mobile: 60s; /*The speed you want your carousel to move on mobile (increase value for slower, decrease for faster)*/
}

/**************************************************/
/*You do not need to edit anything below this line*/
/**************************************************/

/*Variables for desktop*/

@media all and (min-width: 981px) {
    :root {
        --ds-column-width: auto;
        --ds-module-width: calc(100vw / var(--ds-columns-desktop));
        --ds-column-animation: calc(var(--ds-module-width) - (var(--ds-module-width) * 2));
        --ds-scroll-speed: var(--ds-speed-desktop);
    }
}
/*Variables for tablets*/

@media all and (max-width: 980px) {
    :root {
        --ds-column-width: auto;
        --ds-module-width: calc(100vw / var(--ds-columns-tablet));
        --ds-column-animation: calc(var(--ds-module-width) - (var(--ds-module-width) * 2));
        --ds-scroll-speed: var(--ds-speed-tablet);
    }
}
/*Variables for mobile*/

@media all and (max-width: 479px) {
    :root {
        --ds-module-width: calc(100vw / var(--ds-columns-mobile));
        --ds-scroll-speed: var(--ds-speed-mobile);
    }
}
/*Hide the row overflow*/

.ds-carousel {
    overflow: hidden;
}
/*Define the grid and apply animation*/

.ds-carousel .et_pb_column {
    display: grid;
    grid-template-columns: repeat(var(--ds-module-number), var(--ds-module-width));
    width: var(--ds-column-width);
    -webkit-animation: scroll var(--ds-scroll-speed) linear infinite;
    animation: scroll var(--ds-scroll-speed) linear infinite;
}
/*Apply the module width*/

.ds-carousel .et_pb_module {
    width: var(--ds-module-width) !important;
}
/*Define the animation*/

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(var(--ds-column-animation) * (var(--ds-module-number) / 2)));
        transform: translateX(calc(var(--ds-column-animation) * (var(--ds-module-number) / 2)));
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(var(--ds-column-animation) * (var(--ds-module-number) / 2)));
        transform: translateX(calc(var(--ds-column-animation) * (var(--ds-module-number) / 2)));
    }
}
.ds-carousel .et_pb_module {
width: var(–ds-module-width) !important; 
display: flex;
justify-content: center;
align-items: center;
}

/*Pause animation on hover*/

.ds-carousel .et_pb_column:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.ds-carousel img {
    max-height:75px;
    width:auto;
}

.ds-carousel .et_pn_image {
    padding: 0;
}

.ds-carousel.et_pb_row {
	padding-bottom: 0px !important;	
}

/*------------------------------------------------*/
/*-------------------[GENERAL]--------------------*/
/*------------------------------------------------*/


body {
    font-size:100%;
    line-height:1.618em
}
@media (max-width: 980px) {
    .et_pb_row {
        width:100%;
    }
}

.et_pb_title_container h1 {
    font-size: 1.5em;
    line-height: 1.1em;
    margin-bottom: 0.875em;
    color: #fbba30;
}

a:link, a:visited {
    text-decoration: none;
    color: #745aa4;
    font-weight: 700;
    transition: all .25s ease-in-out;
}

.et_pb_slide_title a:link, .et_pb_slide_title a:visited, .et_pb_button:visited, .et_pb_button:link, .et_pb_video_play:link, .et_pb_video_play:visited{
    color:#ffffff;
}

.entry-content table:not(.variations), body.et-pb-preview #main-content .container table {
    border:0;
    margin:0 0 0 0;
}

.entry-content tr td, body.et-pb-preview #main-content .container tr td {
	border-top: 0px;
	padding: 0px 0px;
}


#subForm input, #subForm select, #subForm textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: 1em;
    border: 1px solid #fdba32;
    padding: 1em;
    border-radius: 5px;
    width:100%;
}
#subForm button {
    width:100%;
}

#subForm #cm-privacy-consent {
    width:auto;
}

#footer-info {
    float: none;
    text-align: center;
}

.entry-content ul, .entry-content ol {
    margin-left: 1em;
}

.entry-content ul {
    list-style: disc;
}

@media all and (min-width: 981px) {
    #home-slider .et_pb_container{
        min-height:550px !important;
    }
    .et_pb_title_container h1{
        font-size: 3.125em;
        line-height: 1.1em;
        margin-bottom: 0.420em;
    }
    
    .entry-content ul, .entry-content ol {
        margin-left: 2.625em;
    }

}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
    #home-slider .et_pb_container{
        min-height:400px !important;
    }
    .et_pb_title_container h1{
        font-size: 2.125em;
        line-height: 1.235em;
        margin-bottom: 0.618em;
    }
}

#home-slider .et_pb_slide_content, #home-slider .et_pb_slide_title{
background-color: #745aa6;
border-radius:5px;
padding:10px;
margin-bottom:10px;
}

#home-slider .et_pb_slide_description{
max-width:700px;
padding-left: 0;
padding-right:0;
}




/*-----------------------------------------------*/ 
/*---End Scrolling Module Carousel by Divi Soup--*/ 
/*-----------------------------------------------*/


/*-----------------------------------------------*/ 
/*---------------Start Progress Bar--------------*/ 
/*-----------------------------------------------*/

.counter-amount {
    position: relative;
    border: 1px solid #000;
    height: 40px;
    margin-bottom: 10px;
}

.counter-heading {
    font-size: 1.25em;
    line-height: 1em;
    font-weight: 700;
    color: #000;
    overflow: hidden;
}

.counter-fill {
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    width: 50%;
    background-color: #513188;
    text-align: right;
    color: #fff;
}

.counter-current-amount {
    font-weight: 700;
    font-size: 1.125em;
    line-height: 40px;
    margin-right: 10px;
}

.counter-heading-start {
    float: left;
}

.counter-heading-end {
    float: right;
}

/*-----------------------------------------------*/ 
/*---------------End Progress Bar----------------*/ 
/*-----------------------------------------------*/
ul.list-pages-shortcode {
    list-style: none;
    margin-left: 0;
    padding: 0;
    border: solid #e2e2e2;
    border-width: 1px 1px 0 1px;
}

ul.list-pages-shortcode a {
    position: relative;
    display: block;
    padding: 1em 2em 1em 1em;
    background-color: #f9f9f9;
    border-bottom: 1px solid #e2e2e2;
}

ul.list-pages-shortcode a:link, ul.list-pages-shortcode a:visited {
    text-decoration: none;
    color: #745aa4;
    font-weight: 700;
    transition: all .25s ease-in-out;
}

ul.list-pages-shortcode a:hover {
    background-color: #745aa4;
    color: #fff;
    padding-left: 3em;
}

.ds-random-header .et-pb-arrow-prev,
.ds-random-header .et-pb-arrow-next,
.ds-random-header .et-pb-controllers {
    display: none;
}
.ds-random-header .et_pb_gallery_items {
    pointer-events: none;
}
.ds-random-header-cta {
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/*@media only screen and (max-width: 1279px) {
    .ds-random-header .et_pb_gallery_item {
        width: auto;
        right: 50%
    }
}*/

.et-pb-slider-arrows a {
    border-radius: 50%;
    background-color: #fdba32;
    transition: all .25s ease-in-out;
}

.et-pb-slider-arrows a:hover {
    background-color:#755aa5;
    
}

.et-pb-controllers a {
    background-color: #755aa5;
    width:37px;
    height:37px;
    border-radius: 50%
}

.et-pb-controllers a:hover, .et-pb-controllers .et-pb-active-control {
    background-color:#fdba32;
}

.et_pb_blog_grid .et_pb_post {
	text-align: center;
}


.et_pb_blog_grid .et_pb_post .et_pb_image_container,.et_pb_blog_grid .et_pb_post .et_pb_image_container a {
	margin-bottom: 10px;
}

.et_pb_blog_grid .et_pb_post .entry-title {
	margin-bottom: 0px;
}

.et_pb_blog_grid .et_pb_post .entry-title a, .et_pb_blog_grid .et_pb_post .post-content p{
	color:#fff;
}

.et_pb_blog_grid .et_pb_post .post-meta {
    color: #f9e3b6;
    border: solid #f9e3b6;
    border-width: 1px 0;
    padding: 0.5em 0;
    margin-bottom: 1em;
}
.et_pb_blog_grid .et_pb_post .post-meta a {
    color: #f9e3b6;
}
.et_pb_blog_grid .column:nth-of-type(odd) article{
    background-color:#755aa5;
}

.et_pb_blog_grid .column:nth-of-type(odd) article .post-meta{
    border-width: 1px 0;
    color: #b8a5db;
    border-color: #b8a5db;
}
.et_pb_blog_grid .column:nth-of-type(odd) article .post-meta a {
    color:#b8a5db;
}
.et_pb_blog_grid .column:nth-of-type(even) article{
    background-color:#fdba32;
}

.et_pb_blog_grid .column:nth-of-type(even) article .more-link {
    background-color:#745aa4;
    box-shadow: 0 5px #58447d;
}

.et_pb_blog_grid .column:nth-of-type(even) article .more-link:hover{
    background-color:#59447f;
    box-shadow: 0 5px #332154;
}

.et_pb_blog_grid .more-link{
    background-color:#fdba32;
    -webkit-appearance: none;
    cursor: pointer;
    border: none;
    transition: all .1s linear;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    padding: 1em;
    border-radius: 5px;
    box-shadow: 0 5px #ec9e00;
    margin-top:20px;
    display: inline-block;
    width:100%;
}

.et_pb_blog_grid .column:nth-of-type(odd) article .more-link:hover{
    background-color:#ec9e00;
    box-shadow: 0 5px #be7f00
}
.et_pb_dmb_breadcrumbs {
    margin-left:0px;
    font-size: 0.875em;
    line-height: 1.4em;
    color: #333;
    text-transform: uppercase;
    padding: 0.875em 0;
    font-weight:700;
}

.et_pb_dmb_breadcrumbs li a {
    color: #333 !important;
    font-weight: 300;
}

.et_pb_dmb_breadcrumbs ol {
    margin-left:0;
}

.adopt-gallery img {
    width: auto !important;
    max-height:450px !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius:  12.5px;
    box-shadow: -10px 0px 13px -7px #00000078, 10px 0px 13px -7px #00000078, 5px 5px 15px 5px rgba(125,125,125,0)!important;
    
}

.adopt-name {
    color: #6F6FB3;
    font-size: 30pt;
    line-height: 30pt;
}

.days-waiting {
    font-size:12pt;
    line-height:12pt;
    font-style: italic;
    color:#939698;
}

.days-waiting b {
    font-size:21pt;
    line-height:21pt;
    text-transform: uppercase;
}

.adopt-title-row {
    border-top: 4px solid #FFD484;
    border-bottom: 4px solid #FFEAC3;
    margin-top:10px !important;
}

.adopt-fee {
    color:#fff;
    font-size:27pt;
    line-height:27pt;
    font-weight:700;
    border-radius:10px;
    border: 3px solid #fff;
    background: rgb(113,113,181);
    background: -moz-linear-gradient(90deg, rgba(113,113,181,1) 0%, rgba(187,185,221,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(113,113,181,1) 0%, rgba(187,185,221,1) 100%);
    background: linear-gradient(90deg, rgba(113,113,181,1) 0%, rgba(187,185,221,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#7171b5",endColorstr="#bbb9dd",GradientType=1);
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.15);
    padding: 10px;
}
.adopt-fee sup {
    font-size:16pt;
    line-height:16pt;
}

.adopt-fee p {
    font-size:16pt;
}

.animal-categories .et_pb_column:nth-child(4n+4) {
    margin-right: 0;
}
.animal-photo {
    height:200px;
}

img {
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}


/*box shadow around animal available and remove link outline*/
.et-db #et-boc .et-l .et_pb_image img:not(.wp-image-331798):not(.wp-image-366100):not(.wp-image-371370) {
    -webkit-box-shadow: -10px 0px 13px -7px #00000078, 10px 0px 13px -7px #00000078, 5px 5px 15px 5px rgba(125,125,125,0) !important; 
    box-shadow: -10px 0px 13px -7px #00000078, 10px 0px 13px -7px #00000078, 5px 5px 15px 5px rgba(125,125,125,0)!important;
}



a, .et-db #et-boc .et-l a{
    outline:none;
}

/*line break on mobile version of avialbale aninmals*/

@media (max-width: 980px){
.et-db #et-boc .et-l .et_pb_column .et_pb_row_inner, .et-db #et-boc .et-l .et_pb_row {
    padding: 8px 0;
}
}

.fast-facts {
    background-color: #e7e7e8;
    border: 3px solid #fff;
    border-radius: 10px;
    margin-top:10px;
    -webkit-box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.15);
    box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.15);
    padding: 10px;
}

.emailProfile {
    background-color: #cac9e5;
    padding:10px;
    margin-top:10px;
    -webkit-box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.15);
    box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.15);
    border-radius: 10px;
	
}

.emailProfile input {
    border-radius: 10px;
    padding:5px 10px;
    width:100%;
    font-size: 14px;
    margin-top: 5px;
	text-align: center;
	
}

.emailProfile label {
    font-size: 15px;
    color: #745aa4;
	font-weight: 700;
	text-align: center !important;
}

.adoptHealth {
    margin-top:10px;
    border-radius: 10px;
    border: 5px solid #fdba2a;
    padding: 10px;
}

.adoptHealth ul {
    padding-bottom: 0px;

}

.fast-facts .et_pb_column_1_4 {
    width: 26% !important;
    margin-right: 2% !important;
}

.fast-facts .et_pb_column_3_4 {
    width: 66.5% !important;
}

.adoptHealth li {
    position: relative;
    padding: 5px 0 5px 40px;
}
.adoptHealth li:before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    background-image: url('images/checked-box.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.pleaseDonate {
    padding:10px;
    background-color: #6e6fb3;
    border-radius: 10px;
    color: #fff;
    margin-top: 10px;
}

.pleaseDonate strong {
    font-weight: 700;
    text-transform: uppercase;
}

.pleaseDonate a {
	color:#fff;
}

.adoptionSummary h4 {
    font-size:26pt;
    font-weight: 400;
}

.animalGallery {
    border-bottom: 5px dotted #dad9ec;
    padding-top: 0 !important;
}

@media (max-width: 980px) {
    .et_pb_section {
		padding: 30px 20px 0 20px;
    }
	.et_pb_fullwidth_section  {
        padding-left:0px;
        padding-right:0px;
    }
    .et_pb_dmb_breadcrumbs {
        padding-left: 20px;
        padding-right: 20px;
    }
    .fast-facts .et_pb_column_1_4 {
        width: 26% !important;
        margin-right: 2% !important;
    }

    .fast-facts .et_pb_column_3_4 {
        width: 66.5% !important;
    }
	
}

.animal-photo img {
    max-height: 200px;
    border-radius: 12.5px !important;
}

.sct-sponsor .et_pb_row .et_pb_column {
    margin: auto;
}


@media only screen and (min-width: 1350px) {
.et_pb_section {
    padding-top: 0 !important;
	padding-bottom: 0 !important;
}
}
@media (min-width: 981px) {
.et_pb_section {
    padding-top:0 !important;
	padding-bottom: 0 !important;
}
	.fast-facts {
		padding: 10px;
	}
}

@media (max-width: 980px) {
    .fast-facts .et_pb_column_1_4 {
        width: 26% !important;
        margin-right: 2% !important;
		margin-bottom:0 !important;
    }

    .fast-facts .et_pb_column_3_4 {
        width: 66.5% !important;
		margin-bottom:0 !important;
    }
}

/*vettx css*/

.deleteVac {
     background-color: #f73434;	 
	 cursor: pointer;
	 
}

.deleteVac:hover {
	background-color: #d42f2f;
}

.deleteVac:active {
    transform: scale(0.98);
}
#addNewTx {
	background-color: #4CAF50;
    cursor: pointer;
	border-radius: 10px;
}

#addNewTx:hover {
	background-color: #3e8e41;
}


#addNewTx:active {
    transform: scale(0.98);
	
}
.updateVac {
	margin:2px;
	cursor: pointer;
	background-color: #f7e8c2;
	border-radius: 8px;
	
}

.updateVac:hover {
	background-color: #f1bc54;
}

.presetUpdate {
	background-color: #ffcc66;
	margin: 2px;
	cursor: pointer;
}

.presetUpdate:hover {
	background-color: #f1bc54;
}


#vetTx-search-button {
	background-color: #4CAF50;
	cursor: pointer;
	
	
}

#vetTx-search-button:active {
    transform: scale(0.98);
  
}

#vetTx-search-button:hover {
	background-color: #3e8e41;
}

/*lost pet css*/
div#LAthumb {
    display: none;
}

@media screen and (max-width: 500px) { 
.LApic img {display: none;}
div#LAthumb {display: unset;}
}