/**
Theme Name: Irwin Avenue Animal Hospital
Author: Blue Winds Media
Author URI: https://www.bluewindsmedia.com
Description: A custom theme for Irwin Avenue Animal Hospital, built on the Astra framework.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: irwin-avenue-animal-hospital
Template: astra
*/

/* ======= Common CSS: Start ======= */
*, ::before, :after { box-sizing: border-box; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
box-sizing: border-box;
}

p {
margin: 0px;
}
p:last-child {
margin: 0px;
}

a {
text-decoration: none;
color: inherit;
}
a:hover, a:focus {
text-decoration: none;
}

img {
max-width: 100%;
height: auto;
}

ul, ol, li { 
list-style: none;
}

ul + ul,
ul + ol,
ol + ul,
ol + ol {
margin: 0;
}

a:focus,
a:focus-within,
a:focus-visible,
a:target,
a:visited,
a:active,
button:focus,
button:focus-within,
button:focus-visible,
button:target,
button:visited,
button:active,
input:focus,
input:focus-within,
input:focus-visible,
input:target,
input:visited,
input:active,
select:focus,
select:focus-within,
select:focus-visible,
select:target,
select:visited,
select:active,
textarea:focus,
textarea:focus-within,
textarea:focus-visible, 
textarea:target,
textarea:visited,
textarea:active {
outline: none;
box-shadow: none;
font-family: inherit;
}

::-webkit-input-placeholder, 
:-moz-placeholder, 
::-moz-placeholder, 
:-ms-input-placeholder, 
::-ms-input-placeholder, 
::placeholder {
color: inherit;
opacity: 1;
font-family: inherit;
}

table {
border-collapse: collapse;
border-spacing: 0;
}
/* ======= Common CSS: End ======= */

/* ======= Button CSS: Start ======= */

.btns .elementor-button-icon{ display: flex;}
.btns .elementor-button-icon path{ fill: none !important;}

/* ======= Button CSS: END ======= */

.hero_sec .inner{ margin-left: auto; width: calc(100% - calc((100% - 1760px)/2));}
.hero_contact{ display: flex; overflow: hidden; border-radius: 50%;}
.hero_contact .elementor-widget-container{ display: flex; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}
.hero_sec .play_btn a.elementor-button{ width: 90px; height: 90px; border-radius: 50%; padding: 0; background-color: #0D7D69 !important; font-size: 0; position: absolute; bottom: 55px; right: 55px; z-index: 3;}
.hero_sec .play_btn a.elementor-button .elementor-button-content-wrapper{ width: 100%; height: 100%; border-radius: 50%; background-color: #0D7D69 !important; background-image: url(https://wordpress-231516-5561281.cloudwaysapps.com/wp-content/uploads/2025/03/play_ic.svg); background-size: auto; background-position: center center; background-repeat: no-repeat;}
.hero_sec .play_btn a.elementor-button:before{ content: ""; width: 130px; height: 130px; background: rgba(255,255,255,0.5); opacity: 0; border-radius: 100%; position: absolute; right: -20px; bottom: -20px; z-index: -1; animation: waves 3s ease-in-out infinite;}
.hero_sec .play_btn a.elementor-button:after{ content: ""; width: 130px; height: 130px; background: rgba(255,255,255,0.5); opacity: 0; border-radius: 100%; position: absolute; right: -20px; bottom: -20px; z-index: -1; animation: waves 3s ease-in-out infinite; animation-delay: 0.7s;}
.hero_sec .play_btn a.elementor-button.pause .elementor-button-content-wrapper { background-image: url(https://wordpress-231516-5561281.cloudwaysapps.com/wp-content/uploads/2025/03/pause_ic.svg);}

@keyframes waves {
  0% {
    transform: scale(0.2, 0.2);
    opacity: 0;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}

.service_sec .view_more .elementor-icon-wrapper{ display: flex;}
.service_block, .service_block h3, .service_block p, .service_block .view_more .elementor-icon-wrapper a, .service_block .view_more .elementor-icon-wrapper a svg{ transition:all .4s ease-in-out;}
.service_sec .view_more .elementor-icon-wrapper a{ box-shadow: 0 0 0 5px rgba(13,125,105,0.2);}
.service_block:hover{ background: #0D7D69 !important;}
.service_block:hover h3, .service_block:hover p{ color: #fff !important;}
.service_block:hover .view_more .elementor-icon-wrapper a{ background: #fff; box-shadow: 0 0 0 5px rgba(255,255,255,0.2);}
.service_block:hover .view_more .elementor-icon-wrapper a svg{ filter: brightness(0) saturate(100%) invert(33%) sepia(93%) saturate(366%) hue-rotate(119deg) brightness(99%) contrast(99%);}
.book_sec .btns.green .elementor-button-icon path{ stroke: #0D7D69 !important; transition:all .2s ease-in-out;}
.book_sec .btns.green a:hover .elementor-button-icon path{ stroke: #fff !important;}
.review_sec .inner{ margin-left: auto; width: calc(100% - calc((100% - 1760px)/2));}
.review_slider .elementor-swiper-button{ top: -110px !important; z-index: 3;}
.review_slider .elementor-swiper-button svg path{ fill: none !important;}
.review_slider .elementor-swiper-button-prev{ left: auto !important; right: calc(50vw - 840px);}
.review_slider .elementor-swiper-button-next{ left: auto; right: calc(50vw - 860px) !important;}

/* Blog */
.blog_post_info .elementor-post__card{ padding: 13px 13px 40px 13px !important;}
.blog_post_info .elementor-post__thumbnail__link{ order: 0;}
.blog_post_info .elementor-post__thumbnail{ border-radius: 35px;}
.blog_post_info .elementor-post__text{ padding: 0 20px !important; margin-top: 10px !important; order: 2;}
.blog_post_info .elementor-post__meta-data{ border: none !important; padding: 0 !important; order: 1;}
.blog_post_info .elementor-post__read-more::after{ content: ""; width: 24px; height: 16px; background: url(https://wordpress-231516-5561281.cloudwaysapps.com/wp-content/uploads/2025/02/blog_arrow.svg) center center no-repeat; background-size: 100% 100%; display: inline-block; position: relative; top: -3px; margin-left: 8px; transition:all .2s ease-in-out;}
.blog_post_info .elementor-post__read-more:hover{ color: #80B74D !important;}
.blog_post_info .elementor-post__read-more:hover:after{ filter: brightness(0) saturate(100%) invert(62%) sepia(61%) saturate(363%) hue-rotate(48deg) brightness(94%) contrast(94%);}

/* Form */
.cta_form .gform_wrapper.gravity-theme .gform_fields{ grid-row-gap: 40px;}
.cta_form .gform_wrapper.gravity-theme .gfield_label{ margin: 0; padding: 0; font-size: 26px; font-family: "Poppins", Sans-serif; color: rgb(24, 24, 24,0.7); font-weight: 400;}
.cta_form .gform_wrapper.gravity-theme .gfield_label .gfield_required{ display: none;}
.cta_form .gform_wrapper.gravity-theme .gform-body input{ margin: 0; padding: 0; font-size: 20px; font-family: "Poppins", Sans-serif; color: #181818; height: 50px; border: none; box-shadow: none; border-bottom: 2px solid rgb(188, 190, 192, 0.5); background: none;}
.cta_form .gform_wrapper.gravity-theme .gform-body textarea{ margin: 0; padding: 15px 0 0 0; font-size: 20px; font-family: "Poppins", Sans-serif; color: #181818; height: 110px; border: none; box-shadow: none; border-bottom: 2px solid rgb(188, 190, 192, 0.5); background: none; resize: none;}
.cta_form .gform_wrapper.gravity-theme .gform_footer{ margin: 0; padding: 60px 0 0 0; justify-content: center;}
.cta_form .gform_wrapper.gravity-theme .gform_footer .gform_button{ margin: 0; padding: 21px 35px; background: #0D7D69; border-radius: 10px; font-size: 20px; color: #fff; font-family: "Oswald", Sans-serif; font-weight: 600; text-transform: uppercase; transition:all .4s ease-in-out;}
.cta_form .gform_wrapper.gravity-theme .gform_footer .gform_button:hover{ background: #80B74D; color: #fff;}

/* .contact_form input:focus, .contact_form textarea:focus{ box-shadow: none !important; border-bottom-style: solid;}
.contact_form .elementor-field-type-textarea{ margin-bottom: 60px !important;} */

.footer_img{ max-width: 1117px !important; transform: translateX(-30%);}

/* ======= Responsive CSS: Start ======= */
@media screen and (min-width: 1581px) and (max-width: 1780px) {
.hero_sec h1{ font-size: 160px !important; line-height: 170px !important;}
.hero_sec .inner { width: calc(100% - calc((100% - 1660px)/2));}
.review_sec .inner{ width: calc(100% - calc((100% - 1660px)/2));}
.review_slider .elementor-swiper-button-prev { right: calc(50vw - 760px);}
.review_slider .elementor-swiper-button-next { right: calc(50vw - 780px) !important;}
.footer_img { max-width: 1067px !important; transform: translateX(-31%);}
}

@media screen and (min-width: 1581px) and (max-width: 1680px) {
.hero_sec h1 { font-size: 140px !important; line-height: 150px !important;}
.hero_sec .inner { width: calc(100% - calc((100% - 1560px)/2));}
.review_sec .inner{ width: calc(100% - calc((100% - 1560px)/2));}
.review_slider .elementor-swiper-button-prev { right: calc(50vw - 680px);}
.review_slider .elementor-swiper-button-next { right: calc(50vw - 700px) !important;}
}

@media screen and (max-width: 1580px) {
.hero_sec .inner{ width: 100%;}
.hero_sec h1 img{ border-radius: 20px !important; margin-right: 20px !important; width: 200px;}
.review_sec .inner{ width: 100%;}
.review_slider .elementor-swiper-button-prev { right: 50px;}
.review_slider .elementor-swiper-button-next { right: 40px !important;}
.review_slider .elementor-swiper-button { top: -90px !important;}
.blog_post_info .elementor-post__read-more::after{ width: 21px; height: 14px; top: -2px;}
.footer_img{ max-width: 780px !important;}
}

@media screen and (max-width: 1199px) {
.hero_sec h1 img { width: 160px;}
.hero_contact svg{ width: 100px; height: 100px;}
.hero_sec .play_btn a.elementor-button{ width: 60px; height: 60px; bottom: 35px; right: 35px;}
.hero_sec .play_btn a.elementor-button:before, .hero_sec .play_btn a.elementor-button:after{ width: 90px; height: 90px; right: -15px; bottom: -15px;}
.hero_sec .play_btn a.elementor-button .elementor-button-content-wrapper{ background-size: 17px 17px;}
.blog_post_info .elementor-post__text{ padding: 0 10px !important;}
.cta_form .gform_wrapper.gravity-theme .gfield_label{ font-size: 20px;}
.footer_img { max-width: 630px !important;}
}

@media screen and (max-width: 991px) {
.header_menu .elementor-nav-menu{ padding: 10px 0 !important;}
.head_phone{ margin-left: auto;}
.hero_sec h1 img { width: 140px;}
.cta_form .gform_wrapper.gravity-theme .gfield_label { font-size: 18px;}
.footer_img { max-width: 340px !important;}
}

@media screen and (max-width: 767px) {
.hero_sec h1 img { width: 200px; display: block; margin: 0 auto 10px auto !important;}
.blog_post_info .elementor-post__card { padding: 13px 13px 30px 13px !important; border-radius: 30px !important;}
.blog_post_info .elementor-post__thumbnail { border-radius: 20px;}
.cta_form .gform_wrapper.gravity-theme .gform_footer .gform_button{ font-size: 18px; padding: 10px 35px;}
.cta_form .gform_wrapper.gravity-theme .gform_footer{ padding-top: 30px;}
.review_slider .elementor-swiper-button { top: auto !important; margin-top: 30px;}
.review_slider .elementor-swiper-button-prev { right: auto; left: calc(50% - 10px) !important;}
.review_slider .elementor-swiper-button-next { right: auto !important; left: calc(50% + 10px) !important;}
.footer_img { transform: translateX(-38%); position: relative !important;}
}

@media screen and (max-width: 575px) {
.footer_img{ transform: translateX(-45%); max-width: 300px !important;}
}