body {
font-size:16px;
font-family:'Open Sans';
} h1, h2, h3{
font-weight:500;
}
h1 strong, h2 strong, h3 strong, #sidebar h3, #sidebar h3 a{color:#FF0079; font-weight:700;}
h1 { font-size: 42px; }
h2 { font-size: 32px; }
h3 { font-size: 21px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 15px; } img {
max-width: 100%;
height: auto;
width: auto\9; } a{
outline: 0;
} header{
background: #fff;
border-bottom:1px solid #ccc;
padding:15px 0;
z-index:2;
font-size:14px;
position: relative;
}
header .contact, header .buttons, header .menu{
margin-top:22px;
}
header .contact .details{
min-width:155px;
width:auto;
float:left;
margin-right:8px;
display: inline-block;
}
header .contact .details.phone {
min-width: 140px;
}
header .contact .details.phone img {
position: relative;
top:6px;
}
header .contact small{
display:block;
color: #B4B7B9;
}
header .contact img{
float:left;
margin-right:8px;
}
header .contact a, header .contact a:hover, header .contact a:visited{
display:block;
color:#000;
text-decoration: none;
font-weight:600;
}
header ul, header li{ margin:0; padding:0;}
header ul > li{
display:inline-block;
position: relative;
z-index:2;
}
header ul > li > ul{
display:none;
}
header ul > li a, #features .feature a.btn, .wp-block-button a.wp-block-button__link, .woocommerce ul.products li.product a.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
background: #FF0079 url(//www.skinvet.ie/wp-content/themes/Vanilla/images/bt-arrow-right.png) no-repeat right 8px center !important;
color:#fff;
padding: 9px 28px 8px 8px;
font-weight:600;
border-radius:0;
background-color: #FF0079 !important;
}
header ul > li a, header ul > li a:hover, header ul > li a:active{
color:#fff;
text-decoration: none;
}
header ul > li.parent a{
background: #FF0079 url(//www.skinvet.ie/wp-content/themes/Vanilla/images/bt-arrow-down.png) no-repeat right 8px center;
padding: 8px 32px 8px 8px;
min-width:120px;
display: inline-block;
}
header li.parent:hover ul{
display:block;
position:absolute;
top:35px;
left:0;
}
header li{
height: 35px;
}
header li.parent ul li a{
background: #FF0079 url(//www.skinvet.ie/wp-content/themes/Vanilla/images/bt-arrow-right.png) no-repeat right 8px center;
display:block;
width:120px;
white-space: nowrap;
} .logo-nav{ }  #content{
padding: 20px 0px 40px;
} #cta, #cta_2{
background-color: #FF0079;
padding:40px 0;
}
#cta ul{
display: flex;
}
#cta li{
list-style: none;
display: flex;
flex-grow: 1;
}
#cta li a, #cta_2 li a{
background:#fff  url(//www.skinvet.ie/wp-content/themes/Vanilla/images/bt-arrow-right-black.png) no-repeat right 8px center;
padding: 8px 32px 8px 8px;
margin: 0 auto;
font-weight:600;
}
#cta li a, #cta li a:hover, #cta li a:visited, #cta_2 li a, #cta_2 li a:hover, #cta_2 li a:visited{
color:#000;
text-decoration: none;
font-size:16px;
}
#cta_2 {
color:#fff;
font-size:24px;
text-align:center;
}
#cta_2 ul, #cta_2 li {
list-style: none;
display: inline-block;
}
#cta_2 p{
display: inline-block;
} #services{
text-align: center;
padding:30px 0;
background-color:#f5f5f5;
}
#services .intro{
max-width:790px;
font-size:18px;
margin:0 auto;
float:none;
}
#services h2 strong{
}
#services article{
margin-bottom:30px;
}
#services article a, #services article a:hover, #services article a:visited{
color:#fff;
text-decoration: none;
}
#services .underlay {
height: 200px;
background:url(//www.skinvet.ie/wp-content/themes/Vanilla/images/overlay.jpg) no-repeat center center;
background-size: cover;
opacity: 1;
transition: 0.6s;
cursor: pointer;
}
#services .service:hover .underlay {
opacity: 0;
}
#services .details{
position: absolute;
top: 30px;
width: calc(100% - 30px);
text-align: center;
}
#services .details img{
max-height: 80px;
width: auto;
}
.wp-block-quote {
background: #ff0079 url(//www.skinvet.ie/wp-content/themes/Vanilla/images/quotes.png) no-repeat 20px 20px;
color: #fff;
border: none;
padding: 50px 70px;
}
.wp-block-quote cite {
font-size: 85%;
color: #000;
} #features .intro{
text-align:center;
}
#features .intro h2{
border:none;
font-size:42px;
}
#features .feature{
height:550px;
position: relative;
}
#features article{
position: relative;
z-index:2;
top:120px;
font-size:21px;
width:90%;
padding-left: 30px;
}
#features .feature h3{
font-size:42px;
text-indent:130px;
margin-bottom:40px;
}
#features .feature h4{
font-size:120px;
color: #e5e5e5;
font-weight:700;
position: absolute;
top:30px;
left:30px;
z-index:1;
}
#features .feature .button{
position:relative;
top:30px;
white-space: nowrap;
}
#features img{
display:none;
}
#features .feature a.btn{
position: relative;
top:12px;
}
#mc_embed_signup .button {
border-radius: 2px;
}
#mc_embed_signup .asterisk {
font-size: 100%;
}
#mc_embed_signup .mc-field-group .asterisk {
top: 34px;
} #gallery{
margin:5px 0;
}
#gallery .owl-nav, #gallery .owl-dots{
display:none;
}
#gallery.owl-carousel .owl-item img {
object-fit: cover;
height: 340px;
}
#partners{
padding: 45px 0;
}
#partners h2{
margin-bottom:30px;
}
#partners .item{
text-align: center;
}
#partners img {
padding: 4px 12px;
max-height: 220px;
width: auto;
margin:0 auto;
}
.owl-nav {
font-size: 36px;
text-align: center;
}
.owl-nav button{
margin: 0 4px;
} .schema-faq-answer {
display: none;
}
.schema-faq-question {
cursor: pointer;
background: url(//www.skinvet.ie/wp-content/themes/Vanilla/images/plus.png) no-repeat right center;
display: block;
margin: 12px 0;
} .posts article{
padding:20px;
background-color:#f9f9f9;
margin-bottom:20px;
border:1px solid #ededed;
}
.posts article h2{
margin-top:5px;
} footer{
background-color:#000;
padding:30px 0;
color:#fff;
font-size:14px;
}
footer .logo{
max-height:80px;
width:auto;
}
footer .contact img {
margin: 3px 6px 0 0;
vertical-align: middle;
width:auto;
}
footer .contact img.phone{
height:14px;
}
footer .contact img.email{
height:12px;
}
footer .social{
padding-top: 20px;
}
footer #mc_embed_signup{clear:left; font-size:14px; }
footer h3{
border-bottom:2px solid #747474;
padding-bottom:8px;
font-size: 20px;
color: #eee;
}
footer ul{
margin:0;
padding:0;
}
footer li{
padding: 7px 2px;
border-bottom: 1px solid #747474;
list-style: url(//www.skinvet.ie/wp-content/themes/Vanilla/images/list-arrow.png) inside;
}
footer a{
color:#eee;
text-decoration: none;
}
footer a:hover{
color:#fff;
text-decoration: none;
}
#credits{
background-color:#2e2e2e;
color:#aaa;
padding:8px 0;
font-size:13px;
} .button, a:hover.button, #maillist #mc-embedded-subscribe .button{
padding:8px 16px;
text-decoration:none;
display: inline-block;
margin-top: 8px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-weight:normal;
font-size:15px;
background-color:#eee;
}
.flexslider .button{
background-color:#eee;
}
.feature .button{
background-color:#eee;
}
#maillist #mc-embedded-subscribe .button{
background-color:#eee;
color:#666;
} .flexslider{
border:none;
margin:0;
z-index:1;
}
.flexslider .container{
position: relative;
}
.flexslider article{
display:inline-block;
bottom:0;
left:0;
width:100%;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, #FFFFFF 55.73%);
color:#000;
padding:10px 20px;
text-align:center;
font-size: 18px;
position: absolute;
}
.flexslider aside{
position: absolute;
z-index:3;
top:calc(50% - 56px);
border: 1px solid white;
left:-1px;
}
.flex-direction-nav a {
height:50px;
}
.flex-control-nav {
bottom: 10px;
z-index: 10;
}
.flexslider .flex-next {opacity: 0.2; right: 5px;} .flexslider .flex-prev {opacity: 0.2; left: 5px;}
.flexslider .slides img {
width: 100%;
display: block;
height: 650px !important;
object-fit: cover;
object-position: top;
}
.flexslider aside a {
display: block;
clear: both;
width: 36px;
height: auto;
}
.flexslider aside a.youtube {
border-top:1px solid white;
border-bottom:1px solid white;
} .woocommerce-result-count{
display: none;
}
.woocommerce ul.products li
{
border:1px solid #ddd;
padding-top: 20px !important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
text-align: center;
}
.woocommerce ul.products li.product a img {
max-height: 197px;
width: auto !important;
display:inline !important;
}
.woocommerce ul.products li.product h2.woocommerce-loop-product__title{
color:#666;
min-height: 90px;
padding:0 12px;
}
.woocommerce ul.products li.product a.button{
width: 100%;
padding: 16px 0;
}
.woocommerce ul.products li.product .price {
font-size: 1.1em !important;
}
#coupon_code {
width: 150px;
}
.xt_woofc-cart-open  .xt_woofc-checkout.xt_woofc-btn {
background: #ff0079 !important;
}
#sidebar h3{
padding: 1.45rem 2rem;
background: #f6f7f9;
margin:0;
}
#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
#sidebar li {
border-bottom: 1px solid #e7e7e7;
padding: 1.2rem 0;
vertical-align: middle;
text-align: center;
}
#sidebar li a{
display:block;
color:#666;
padding: 0 1.8rem 0 1.6rem;;
}
.side-menu-wrapper {
border: 1px solid #e7e7e7;
margin-bottom:20px;
}
#sidebar #brands li a{
min-height:45px;
}
#sidebar #brands img{
margin-right:15px;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #mobile-menu{
display:none;
}  @media screen and (min-width:1281px){
} @media screen and (max-width:1280px){
} @media screen and (max-width:1024px){
} @media screen and (max-width:980px){
} @media screen and (max-width:800px){
nav{
display:none;
}
#mobile-menu{
display: block;
position: fixed;
z-index: 10;
width: 100%;
}
#top{
height: auto;
position: relative;
padding-top: 3.375em;
}
} @media screen and (max-width:768px){
} @media screen and  (max-width:640px){
header{
text-align:center;
padding:25px 0;
}
header .contact .details{
float:none;
}
header .menu{
position: absolute;
top:calc(58% - 17px);
right:10%;
margin-top:0;
}
.flexslider aside {
top: calc(50% - 135px);
}
#features .feature {
height: auto;
}
#features article {
position: static;
padding: 30px 0 50px 30px;
}
#features img {
display: block;
}
.feature .img{
display:none;
}
}
@media screen and  (max-width:540px) {
header .menu {
top: 18px;
right: 10px;
}
#logo {
max-width: 240px;
position: relative;
left: -20px;
}
#cta_2 ul{
margin:0;
padding:0;
} @media screen and  (max-width:480px) {
} @media screen and  (max-width:360px) {
} @media screen and  (max-width:320px) {
}