/* 
 Theme Name:     Bare bones for Divi
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.1
*/ 
 

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/* Fonts */
.et_pb_text  a:hover {
	text-decoration:underline !important;
}
h1 sup {
    font-size: 12px;
    bottom: .8rem;
    font-weight: bold;
}
h2 sup {
  bottom: 0.8em;
    font-size: 1rem;
}
p sup, table sup {
    font-size: 1.25ex;
    vertical-align: 0;
}
@media (min-width: 768px) {
    h1 sup {
    bottom: 1.5rem;
    font-size: 14px;
    }
}
/* Buttons */
.btn--black:hover {
  background: #b7302a !Important;
}
 .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.btn--cta>a:hover {
     background: black !important;
 }
 .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.btn--cta>a {
 	background: #b7302a;
 	padding: 1rem 2rem;
    border-radius: 1rem;
    border: 2px solid #ccb246;
    color: #fff !important;
}
 .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.btn--cta>a::after,
 .cta--product .et_pb_module_header span::after {
   content: '\35';
    font-family: 'ETModules';
    font-size: 20px;
    transition: transform 0.3s ease;
    transform: unset;
}


/* Header */
body .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul {
    background-color: #f7f2df !important;
}
@media (min-width: 990px) {
header .et_builder_inner_content {
    z-index:1;
}
}
.et_pb_menu .et_pb_menu__wrap {
    justify-content: flex-end;
    align-items: flex-start;
}
.et-menu.nav , .et_pb_menu .et_pb_menu__menu, .et_pb_menu .et_pb_menu__menu>nav, .et_pb_menu .et_pb_menu__menu>nav>ul {
    align-items: center;
    
 } 
 .et_pb_menu .et-menu>li {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.et_pb_row--with-menu {
	width:90%;
}

 @media (min-width: 981px) {
 	.et_pb_menu .et_pb_menu__menu>nav>ul>li.mobile-submenu .sub-menu, .et_pb_menu .et_pb_menu__menu>nav>ul>li.mobile-submenu a:after{
    	display: none;
    }
 }
 
 @media (min-width: 1320px) {
    .et_pb_menu .et-menu>li {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .et_pb_row--with-menu {
		width:80%;
	}
}
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a:hover {
	opacity:1;
        color: #b7302a !important;
}
 .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.btn--cta>a:hover {
        color: #FFF !important;
}
.et_pb_post {
    margin-bottom: 30px;
 }
 /* Footer */
 footer .menu a:hover, footer .entry-title:hover {
  text-decoration:underline;
 }
 .et_pb_social_media_follow li a.icon {
 transition: all .25s ease;
 }
 .et_pb_social_media_follow li a.icon:hover {
    transform: translateY(-.25em);
}

.et_pb_newsletter_description {
   display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-section {
	 position: relative; /* Ensure the section is the positioning reference */
    overflow: visible; /* Allow the pseudo-element to extend beyond the section */
    z-index: 1; /* Make sure the section layers properly */
    }
.footer-section::after {
      content: ''; /* Required for pseudo-elements */
    display: block;
    position: absolute;
    bottom: 0; /* Align the bottom of the image with the bottom of the section */
    left:0; /* Start from the left of the section */
    width: 15.375rem;
    height: 12rem;
    background-image: url(/wp-content/uploads/2024/12/godess-footer.png);
    background-size: contain; /* Ensure the image scales appropriately */
    background-repeat: no-repeat;
    z-index: 2; /* Ensure the pseudo-element appears above the footer section */
    opacity: 1; /* Start invisible */
}

.et_pb_module .frm_forms .frm_html_container {
	color: #fff;
    font-size: 18px;
    padding: 10px 0;
}

.et_pb_module .frm_forms input[type=text], .frm_forms input[type=email] {
	border: 0;
    padding: 12px;
    color: #000;
    font-size: 16px;
}

.et_pb_module .frm_forms .frm_submit button.frm_button_submit, .et_pb_module .frm_forms input[type=submit], .et_password_protected_form .et_submit_button {
	background: #b73029;
	border: 2px solid #d3ae48 !important;
    border-radius: 10px;
    font-size: 16px;
    line-height: 1.2em !important;
    text-transform: uppercase !important;
    padding: 9px 2em 9px .7em;
    margin: 0;
    color: #fff !important;
    font-weight: 600;
    box-shadow: none;
    position: relative;
}

.et_pb_module .frm_forms input[type=submit] {
    padding: 9px 2em;
}

.et_pb_module .frm_forms .frm_submit button.frm_button_submit:after {
	font-family: ETmodules !important;
    content: "\35";
    font-size: 25px;
    position: absolute;
    font-weight: 400;
    top: 7px;
}

@media (min-width: 990px) {
    .footer-section::after {
        left: 1vw; /* Start from the left of the section */
        width: 25.375rem;
        height: 22rem;
          opacity: 0; /* Start invisible */
        animation: fadeInUp 1.5s ease-out forwards; /* Add animation */
        }
}
@media (min-width: 1300px) {
        .footer-section::after {
                    width: 28rem;
        height: 26rem;
        left: 2vw;
        }
        .border--right  {
            position: relative; /* Required for pseudo-elements to position correctly */
        }
        .border--right::after {
            content: ''; /* Required for pseudo-elements */
            position: absolute;
            top: 0;
            right: 4rem;
            height: 100%; /* Full height of the column */
            width: 2px; /* Border thickness */
            background-color: #8da971; /* Border color */
            z-index: 1; /* Ensure it appears above other elements */
        }
}
@media (min-width: 1680px) {
 .footer-section::after {
            width: 34.375rem;
            height: 32rem;
                left: 5vw; /* Start from the left of the section */
        }
      }
/* Keyframes for Fade-In + Slide-Up */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px); /* Start slightly below its position */
    }
    100% {
        opacity: 1;
        transform: translateY(0px); /* Final position */
    } 
}
/* Home Page */

@media (max-width: 1023px) {
    #riveGoddessCanvas, #riveDogCanvas {
        width: 300px !important;
    	height: 600px !important;
    }
}
@media (max-width: 767px) {
    #riveGoddessCanvas, #riveDogCanvas {
        width: 200px !important;
    	height: 350px !important;
    }
}
@media (min-width: 1024px) {
    #homeDog {
      left: 25%;
    }
}
@media (min-width: 1300px) {
    #homeDog { 
      left: 45%;
    }
}

/* Product Icons */
.tabs_block .et_pb_blurb .et_pb_image_wrap {
    display: flex;
  align-items: center; /* Aligns items by their center */
    }
   
 .tabs_block .et_pb_blurb .et_pb_image_wrap img {
  display: flex;
    height: 100px;
    width: 100px;
    object-fit: cover;
}
.cta--circle img {
	width: 12rem;
    height: auto;
    padding: 0rem 1.5rem;
}
.cta--product .et_pb_main_blurb_image {
  min-height: 20rem;
    display: flex;
    align-items: baseline;
}
.cta--product .et_pb_image_wrap::before {
      content: '';
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15rem;
    height: 15rem;
    background-color: #fcfbf6;
    border-radius: 50%;
    z-index: -1;
}
@media (min-width: 1300px) {
 
     .tabs_block .et_pb_blurb .et_pb_image_wrap img {
  display: flex;
    height: 150px;
    width: 150px;
    object-fit: cover;
}
}


/* Password Protected Page */

.post-password-required .et_pb_section {
	background: #f7f2df;
}

.post-password-required .et_password_protected_form {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.et_password_protected_form p input {
    background-color: #fff;
}

.et_password_protected_form .et_submit_button:after {
	font-family: ETmodules !important;
    content: "\35";
    font-size: 25px;
    position: absolute;
    font-weight: 400;
    top: 7px;
}

.et_password_protected_form .et_submit_button:hover { 
	background-color: #ba2200 !important;
    padding: 9px 2em 9px .7em;
}

.et_password_protected_form .et_submit_button:after {
    top: 5px;
    margin-left: 0 !important;
}

/* Responsive */
iframe[name="Calconic_ Calculator"] {
    height:900px !important;
}
@media only screen and (max-width: 1200px) {
   iframe[name="Calconic_ Calculator"] {
    height:1100px !important;
   }
 }
@media only screen and (max-width: 990px) {
    .order-1 {
        order: 2;
    }
    .order-2 {
        order: 1;
    }
 }
/* Product Landing Page */
.section--dog-head:before {
       content: "";
    position: absolute;
    top: -5rem;
    right: -5rem;
    width: 15rem;
    height: 15rem;
    background: url(/wp-content/uploads/2025/02/Carna4_Titos.png) no-repeat center / contain 
    transform: rotate(235deg);
    z-index: 1;
}
 /* Product Detail Pages Styles   */
.product-image {
	transition: top 0.5sease-in-out, transform 0.5sease-in-out;
  }
  
.fixed {
    position: fixed;
    top: 0;
    left: auto;
    width: 26.7%;
    z-index:0;
    transition: top 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.fade-out {
    opacity: 0;
}

.smooth {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}
.banner-inside {
    background-color: #9f2928;
} 
.banner-inside-cat {
    background-color:rgb(33, 79, 156);
}  
.banner-inside-flora4 {
 background-color: #556d1c87;
}
.img-shadow img {
	filter: drop-shadow(25px -0px 10px #CCC);
}
/* Tabs in Detail product page */
.custom-tab-container {
      background: #f5f2de;
  		padding: 5rem 0;
}
.inner-container {
      max-width: 1920px;;
        width: 90%;
        margin:0 auto;
}
.left-column {
    width: 30%;
    transition: all 0.3s ease-in-out;
	  position:relative;
z-index: 1000;
    position: sticky;
    position: -webkit-sticky;
    top: 4px;
    height: 100%;
}
.left-column.moved-before-tabs {
order:2;
    margin-top: 5rem;
}
.left-column img {
    width: 100%;
    height: auto;
}
.right-column {
    width: 70%;
}
@media only screen and (min-width: 767px) {
    .inner-container {
        display: flex;
        align-items: flex-start;
        gap: 20px;

    }
}
/* Tab structure */
 .blrb_tabs_row .et_pb_blurb .et_pb_blurb_content {
    display: flex;
    flex-direction: column;
    }
.tab.features-list-tab {
    display: flex;
    flex-direction: column;
}
/* Order tabs section */
.tabs_section {
    order: 2;
  padding:0;
}
.tabs_section .tabs_item {
    display: none;
}
/* Show first tab by default */
.et-fb-root-ancestor .tabs_section .tabs_item,
.tabs_section .tabs_item:first-child {
    display: block;
}
/* Accordion */
.productToggle .et_pb_toggle_open ,.productToggle .et_pb_toggle_close{
    padding: 20px 0;
    margin-bottom: 0 !important;
}
/*.productToggle   .et_pb_toggle:last-child {
    border-bottom:1px solid #ec008c !important;
}*/
.productToggle .et_pb_toggle_open .et_pb_toggle_title:after {
    font-size: 18px;
    right: -1px;
    color: #000000;
    font-family: ETmodules !important;
    font-weight: 400 !important;
    content: "\4b" !important;
    right: 0 !important;
    position: absolute;
} 
.productToggle .et_pb_toggle_close .et_pb_toggle_title:after{
    font-size: 18px;
    right: -1px;
    color: #000000;
    font-family: ETmodules !important;
    font-weight: 400 !important;
    content: "\4c" !important;
    right: 0 !important;
    position: absolute;
} 
.productToggle .et_pb_toggle_close .et_pb_toggle_title:before {display:none;}

/* Width adjustment for 4 tabs (100/4 = 25%) */
.blrb_tabs_row .blrb_tab {
    flex: 16.6%;
    max-width: calc(16.6% - 10px);
     background-color: #dfddd0 !important;
    margin-bottom: 0;
    padding: 0.25rem;
}
.blrb_tabs_row .blrb_tab img {
    width: 3.5rem;
    height: 3.5rem;
  }
.blrb_tabs_row .blrb_tab .et_pb_main_blurb_image , .blrb_tabs_row .blrb_tab h4{
    margin-bottom:0 !important;
     padding-bottom:0 !important;
        width: auto !important;
}
.blrb_tabs_row .blrb_tab.current {
      border:1px solid #ccc;
       margin-bottom: 0;
         background-color: transparent !important;
}
.blrb_tabs_row  .et_pb_blurb_position_left .et_pb_blurb_container {
    padding-left: 0;
}
.blrb_tabs_row > .et_pb_column{
    align-items: center;
    justify-content: space-between;
  }

.et_pb_toggle table tr {
	border: 0;
}

.et_pb_toggle table tr td {
	vertical-align: top;
    border: 0;
    padding: 6px;
}
  
@media (min-width: 1201px) {
	.et_pb_toggle table.transition.mobile {
    	display: none;
	}
}

@media (max-width: 1200px) {
	.et_pb_toggle table.transition.desktop {
    	display: none;
	}
}

@media only screen and (max-width: 767px) {
    .custom-tab-container {
        flex-direction: column;
    }
    .left-column,
    .right-column {
        width: 100%;
    }
      .blrb_tabs_row .blrb_tab .et_pb_module_header {font-size:20px !important;}
}
@media only screen and (max-width: 980px) {
    .blrb_tabs_row .blrb_tab {
        flex: 50%;
        max-width: calc(50% - 10px);
        margin-bottom: 10px !important;
    }
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
    .blrb_tabs_row .blrb_tab {
        flex: 0 0 33.333333%;
        max-width: calc(33.333333% - 10px);
        margin-bottom: 10px;
    }
}

#tab_blurb_s3 .blrb_tab.current:before {
	display:none;
}

/* MAP */

body #asl-storelocator.asl-p-cont #asl-map-canv,
body #asl-storelocator.asl-cont #asl-map-canv {height: 600px !important}


/* BLOG */

.single .et_pb_post {
    margin-bottom: 0;
}

/* FORMS */

.strong-form input[type="text"], .strong-form input[type="email"], .strong-form input[type="url"], .strong-form input[type="file"], .strong-form select, .strong-form textarea {
	padding: 10px;
    font-size: 16px;
}

.strong-form input[type="submit"] {
	background: #b73029;
    border: 2px solid #d3ae48 !important;
    border-radius: 10px;
    font-size: 16px;
    text-transform: uppercase !important;
    padding: 9px 2em;
    margin: 0;
    color: #fff;
    font-weight: 600;
    box-shadow: none;
    cursor: pointer;
}
}