@charset "UTF-8"; body { margin: 0 0; padding: 0 0; /* for header search block */ } body .mask-search { position: fixed; top: 80px; right: 0; left: 0; bottom: 0; background: #29303b; opacity: 0.9; z-index: 900; } select { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; background:none; } a {color:unset;} .ts-hover-show{display:none;} /* header #block-royalcanin-search block-royalcaninsearchblock */ header #block-royalcaninsearchblock label { display: none; } header #block-royalcaninsearchblock { display: none; width: 100%; height: 80px; position: fixed; top: 0; left: 0; text-align: center; background: #fff; z-index: 999; } header #royalcanin-search-form #edit-search, header #block-royalcaninsearchblock input.form-search { display: inline-block; width: 100%; padding-left: 50px; padding-right: 40px; border: solid 3px #7fb2f9; height: 80px; font-size: 90%; color: #333; } header #block-royalcaninsearchblock #edit-actions { display: inline-block; width: 36px; height: 36px; position: fixed; top: 23px; left: 10px; } /* header #block-royalcaninsearchblock .form-submit { position: relative; display: inline-block; width: 36px; height: 36px; font-size: 0; opacity: 0; cursor: pointer; z-index: 995; } */ header #block-royalcaninsearchblock .form-submit:hover + .search-icon { border: solid 2px #E2001A; } header #block-royalcaninsearchblock .form-submit:hover .search-icon:after { color: #E2001A; } header #block-royalcaninsearchblock .search-icon { display: inline-block; position: absolute; top: 9px; left: 10px; height: 14px; width: 14px; border: solid 2px #666; border-radius: 50%; z-index: 990; } header #block-royalcaninsearchblock .search-icon:after { position: absolute; top: -4px; left: 8px; content: '-'; font-size: 20px; font-weight: bolder; color: #666; transform: rotate(45deg); z-index: 990; } header .royalcanin-search-form .rc-input { max-width:100%; width:100%; } /* 1111 custom - submenu */ header .rc-header__nav--secondary { position:relative; } header .rc-header__nav--secondary .rc-container .submenu { position:fixed; top:120px; left:0; display:flex; background-color:#fff; overflow:hidden; height:0; width:100%; box-shadow:0px 2px 12px #ddd; opacity: .7; -webkit-transition: height .2s ease,opacity .2s ease; transition: height .2s ease,opacity .2s ease } header .rc-header__nav--secondary .rc-container:hover .submenu { height:28rem; opacity:1; border-top:2px solid #e2001a; } header .rc-header__nav--secondary .submenu .ts-head-img { width:14.6vw; height:6.3vw; object-fit:cover; box-shadow:0px 2px 4px rgba(0,0,0,.08); } header .rc-header__nav--secondary .submenu .rc-list__header { font-weight:bold; } header .about-future-navigation { box-shadow: 0 3px 5px rgba(0,0,0,.04); } header .ts-not-header { display:none; } .rc-section-navigation p.rc-link-list__anchor-link.rc-link-list__item--active { padding: 0 22px!important; margin: -2px 0 0!important; } .rc-icon.ts-weibo--xs:after{ width: 24px; background-image:unset; mask:url(../image/weibo.svg) no-repeat center center; -webkit-mask:url(../image/weibo.svg) no-repeat center center; background-color:#666; } .ts-weibo--xs:hover:after { background-color:#e2001a; } .rc-icon.ts-wechat--xs:after{ width: 24px; background-image:unset; mask:url(../image/wechat.svg) no-repeat center center; -webkit-mask:url(../image/wechat.svg) no-repeat center center; background-color:#666; } .ts-wechat--xs:hover:after { background-color:#e2001a; } .ts-wechat--xs .ts-hover-show{position:absolute;top:2rem;left:0;opacity:0;width:112px;padding:.5rem;} .ts-wechat--xs.rc-iconography--xs .ts-hover-show{top:-2rem;left:10rem;} .ts-wechat--xs .ts-hover-show img{margin:0 auto;} .ts-wechat--xs:hover .ts-hover-show{display:block;color:#666;-webkit-animation: fadeIn .3s ease forwards;animation: fadeIn .3s ease forwards;} .rc-icon.ts-login--xs:after{ width: 24px; background-image:unset; mask:url(../image/ico-login.svg) no-repeat center center; -webkit-mask:url(../image/ico-login.svg) no-repeat center center; background-color:#666; } .rc-icon.ts-login--xs:hover:after{background-color:#e2001a;} footer .rc-list .rc-list__header { font-weight:bold; } footer .rc-list--inverse .rc-list__header:visited { color:#fff; } footer nav a { font-size:1.1rem; } footer .ts-qr-container span { font-size:.875rem; } footer .ts-qr-container a { } .modal-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .modal-select>span { width: 721px; max-width: 100%!important; } .modal-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .language-picker-modal.rc-modal{z-index: 90;} /* 1111 custom - submenu end */ /* main content */ main { margin-top: 0; } main .rc-border-bottom { border-bottom-width: 4px; } .ts-dog-training-block.rc-border-top { border-top-width: 4px; } main.about .our-history .timeline > .rc-column { padding: 0 50px 50px 50px; } main.about .our-history .timeline > .rc-column.rc-border-left { border-left-width: 2px; } main.about .our-history .timeline > .rc-column.rc-border-right { border-right-width: 2px; } main.about .our-history .timeline:nth-child(odd) h3:before { content: ''; display: inline-block; width: 12px; height: 12px; border-radius: 6px; background: #E2001A; position: absolute; top: 0; left: -8px; } main.about .our-history .timeline:nth-child(even) h3:after { content: ''; display: inline-block; width: 12px; height: 12px; border-radius: 6px; background: #E2001A; position: absolute; top: 0; right: -8px; /* 因为.rc-header的z-index为59并且不能改,所以如下不能超过59。*/ z-index: 50; } main.about .future .rc-carousel__section, main.about .product .rc-carousel__section { padding: 0 30px; } main.cats .cats-raise { position: relative; } main.cats .cats-raise .health-wrapper { position: relative; display: inline-block; width: 35%; height: 1000px; } main.cats .cats-raise .health-wrapper .health { position: absolute; left: 0; top: 0; } main.cats .cats-raise .raise-wrapper { position: absolute; top: 0; left: 35%; display: inline-block; width: 65%; height: 1000px; background: #f8f8f8; } main.cats .cats-breed .rc-column.breed span:first-child { display: inline-block; width: 33%; } main.cats .cats-breed .rc-column.breed span:last-child { display: inline-block; width: 33%; } main.cats-raise .cats-raise-block { margin: 20px 20px; padding: 20px 20px; border: solid 1px #d1d1d1; text-align: center; font-size: 22px; } main.cats-health .step2, main.cats-health .step5 { position: relative; } main.cats-health .step2 div.text, main.cats-health .step5 div.text { position: absolute; display: inline-block; width: 400px; height: 300px; top: 30px; left: 30%; background: #fff; } main.cats-life-startpoint .step6 { position: relative; } main.cats-life-startpoint .step6 div.text { position: absolute; display: inline-block; width: 300px; height: 300px; top: 30px; right: 20%; background: #fff; } /* new on 1012 */ main.cats-prepare .step6 { position: relative; } main.cats-prepare .step6 div.text { position: absolute; display: inline-block; width: 300px; height: 300px; top: 30px; right: 20%; background: #fff; } main.cats-nutrients ul, main.cats-feeding ul, main.cats-go-home ul, main.cats-health ul, main.cats-play ul, main.cats-visit-vet ul, main.cats-training ul, main.cats-cosmetology ul, main.anti-epidemic ul, main.faq ul, main.dogs-prepare-puppy ul, main.dogs-puppy-go-home ul, main.dogs-feeding ul, main.dogs-health ul, main.dogs-training ul, main.dogs-training-cage ul, main.dogs-play .block9 ul, main.dogs-cosmetology .block11 ul { margin-left: 20px; list-style-type: disc; } main.cats-play ul { padding-left: 0; } .products-details ul, main.cats-go-home .block19 .tab>nav>ul, main.cats-cosmetology .block9 .tab>nav>ul, main.about-products .block3 .tab>nav>ul, main.dogs-feeding .block22 ul, main.dogs-training .block7 ul { list-style-type: none; } main .rc-list__accordion-item { margin-bottom: 15px; border: solid 1px #d1d1d1; border-radius: 3px; } main .rc-list__accordion-item button { /*border: solid 1px #d1d1d1;*/ border-radius: 3px; } /* new on 1012 */ /* new on 1013 */ main .rc-carousel--a { padding: 2rem 2rem; } /*main.cats-go-home .step3 .rc-layout-container img {*/ /* display: inline-block;*/ /* height: 300px;*/ /* width: 2800px;*/ /*}*/ /* new on 1014 */ main.cats .rc-select .choices, main.dogs .rc-select .choices { border-bottom: none; border: solid 1px #d7d7d7; } main.cats .rc-select .choices__inner, main.dogs .rc-select .choices__inner { padding: 10px 70px 10px 10px; } main.cats a, main.dogs a { text-decoration: none; } main.cats .special-link, main.dogs .special-link { position: relative; display: inline-block; width: 250px; } main.cats .special-link span, main.dogs .special-link span { position: absolute; top: 5px; right: 5px; } /* new on 1015 */ main.cats .block4 .cats-info-select>a, main.dogs .block4 .cats-info-select>a { border-bottom-width: 1px; } main.cats-go-home .block13 { position: relative; } main.cats-go-home .block14 .rc-card>picture>img, main.cats-go-home .block19 .rc-card>picture>img { width:100%; } main.cats-go-home .block13 .text-box { position: absolute; top: 20px; left: 10%; display: inline-block; border: solid 1px red; } main.cats-health .block2 ul, main.dogs-health .block2 ul { list-style-type: decimal; } main.cats-health .block10 .rc-text--right>a, main.dogs-health .block11 .rc-text--right>a, main.dogs-growth .block29 .rc-text--right>a { text-decoration: none; padding-bottom: 5px; border-width: 1px; } /* 一行三个card,每个card要阴影,必须要如下才能见到底部有阴影. */ /*.rc-carousel--cards {*/ /*padding: 20px 20px;*/ /*}*/ main.cats-feeding .block4 .rc-column>div, main.cats-feeding .block10 .rc-column>div { margin-bottom: 0; padding-bottom: 0!important; } main.cats-life-startpoint .block13 .rc-content-card--sidebar-present>.rc-column { width: 50%; } main.cats-cosmetology .block5 article { height:100%; } main.cats-family-prepare .block11 .checkbox-wrapper { /*position: relative;*/ /*text-align: center;*/ } main .checkbox-wrapper .rc-input { margin-top: 15px; margin-right: auto; margin-left: auto; max-width: 640px; } /* checkbox说明文字和其title 左对齐 */ .checkbox-wrapper p { margin-top: 5px; margin-bottom: 5px; padding-left: 33px; padding-right: 33px; } main.cats-feeding .block19 .rc-column { margin: 0; padding: 0; } main.cats-feeding .block19 .rc-column>div { } main.cats-feeding .block19 .tns-outer { margin-left: 0; margin-right: 0; margin-bottom: 0; padding-bottom: 0; } header .rc-border-bottom { border-bottom-width: 4px; } header .rc-section-navigation { /*background-color: #fdfdfd;*/ box-shadow: 0 3px 5px rgba(0,0,0,.04); } header .rc-link-list__anchor-link { padding-top: 1.3rem; padding-bottom: 1.3rem; } header .rc-link-list__item .rc-link__text { opacity: 1; } header .rc-section-navigation { } main.site-home .block2 .rc-column .rc-btn.rc-btn--two { max-width: 100%; } main.cats-growth .rc-column.odd, main.dogs-growth .rc-column.odd { border-left: solid 1px #bbb; padding-left: 49px; } main.cats-growth .rc-column.odd .red-circle, main.dogs-growth .rc-column.odd .red-circle { position: relative; left: -57px; display: inline-block; width: 16px; height: 16px; border-radius: 8px; z-index: 50; } main.cats-growth .rc-column.even, main.dogs-growth .rc-column.even { border-right: solid 1px #bbb; margin-right: 33px; } main.cats-growth .rc-column.even .red-circle, main.dogs-growth .rc-column.even .red-circle { position: relative; right: -25px; display: inline-block; width: 16px; height: 16px; border-radius: 8px; z-index: 50; } main.cats-growth .rc-column.even>div, main.dogs-growth .rc-column.even>div { display: block; width: 100%; } main.cats-growth .block3 .rc-max-width--md>.rc-column:first-child, main.dogs-growth .block3 .rc-max-width--md>.rc-column:first-child, main.cats-growth .block9 .rc-max-width--md>.rc-column:first-child, main.dogs-growth .block9 .rc-max-width--md>.rc-column:first-child, main.cats-growth .block15 .rc-max-width--md>.rc-column:first-child, main.dogs-growth .block15 .rc-max-width--md>.rc-column:first-child, main.cats-growth .block21 .rc-max-width--md>.rc-column:first-child, main.dogs-growth .block21 .rc-max-width--md>.rc-column:first-child, main.cats-growth .block27 .rc-max-width--md>.rc-column:first-child, main.dogs-growth .block27 .rc-max-width--md>.rc-column:first-child, main.cats-growth .block33 .rc-max-width--md>.rc-column:first-child { padding-top: 0; } main.cats-growth .block7 .rc-max-width--md>.rc-column:first-child, main.dogs-growth .block7 .rc-max-width--md>.rc-column:first-child, main.cats-growth .block13 .rc-max-width--md>.rc-column:first-child, main.dogs-growth .block13 .rc-max-width--md>.rc-column:first-child, main.cats-growth .block19 .rc-max-width--md>.rc-column:first-child, main.dogs-growth .block19 .rc-max-width--md>.rc-column:first-child, main.cats-growth .block25 .rc-max-width--md>.rc-column:first-child, main.dogs-growth .block25 .rc-max-width--md>.rc-column:first-child, main.dogs-growth .block28 .rc-max-width--md>.rc-column:first-child, main.cats-growth .block31 .rc-max-width--md>.rc-column:first-child, main.cats-growth .block33 .rc-max-width--md>.rc-column:first-child { padding-bottom: 0; } main.cats-growth aside ul { } main.faq .block1 .rc-column { padding-bottom: 0; } main.about-future .block2 .rc-column, main.about-future .block2 .rc-column>div { padding-left: 0; padding-right: 0; } main.about-future .block5 p { display: block; width: 240px; padding-left: 15px; padding-right: 15px; } main.about-future .block6 .rc-column, main.about-future .block6 .rc-column p { padding-top: 0; } main.about-future .block7 .rc-column, main.about-products .block1 .rc-column { padding-bottom: 0; } /* checkbox说明文字和其title 左对齐 */ .checkbox-wrapper p { padding-left: 33px; /* padding-right: 35px; */ } main.about-us .timeline>.rc-layout-container>.rc-column { margin: 0 0; /*padding: 25px 0;*/ /* custom 1103 conflic*/ padding: .5rem; } main.about-us .block2,main.about-us .block4 { position:relative; } main.about-us .ts-hidden-anchor { position:absolute; top:-7rem; left:0; height:0px; } /*aside {*/ /* z-index: 99;*/ /*}*/ /*main.dogs-growth .block29 {*/ /* position: relative;*/ /* z-index: 90;*/ /*}*/ /* custom 1103 */ /* Global effecting */ h1.rc-alpha--impact{font-size: 4vw;line-height: 4.3vw;} /* Global effecting end */ /* About Us*/ main.about-us .timeline{position:relative;} main.about-us .timeline:before{content:" ";position:absolute;left:50%;top: 50%;height: 20px;width: 20px;border-radius: 50%;background: #e2001a;z-index:1;transform: translateX(-10px);} main.about-us .timeline:nth-child(even) .ts-content-container{text-align:left;} main.about-us .timeline:nth-child(odd) .ts-content-container{text-align:right;} main.about-us .timeline:nth-child(even)>.rc-layout-container>.rc-column:first-child {border-left: solid 4px #d7d7d7;} main.about-us .timeline:nth-child(odd)>.rc-layout-container>.rc-column:first-child {border-right: solid 4px #d7d7d7;} main.about-us .timeline .rc-carousel__slide{display:none;} main.about-us .timeline .rc-carousel__slide--active{display:block;} /* main.about-us .timeline>.rc-layout-container>.rc-column:last-child {border-left: solid 2px #d7d7d7;} */ main.about-us .timeline .ts-img-container{/*height:22vh;width:100%;*/position:relative;} main.about-us .timeline .ts-img-container .rc-md-down img{margin:0 auto;} /* main.about-us .timeline .ts-img-container img{width:100%;height:100%;object-fit:cover;} */ main.about-us .timeline:nth-child(odd) .ts-img-container img{margin-left:0;margin-right:auto;} main.about-us .timeline:nth-child(even) .ts-img-container img{margin-right:0;margin-left:auto;} main.about-us .timeline>.rc-layout-container>.rc-column:first-child,main.about-us .timeline>.rc-layout-container>.rc-column:last-child{z-index:0;} .ts-img-container .cover{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.7);color:rgba(255,255,255,.5);text-shadow: 3px 3px 3px rgba(0,0,0,.6);display: flex;align-items: center;justify-content: center;cursor: default;} .cover.rc-alpha--impact{font-size:5.3vw;} /* Animation */ .ts-img-container .cover{-webkit-animation: fadeIn .3s ease forwards; animation: fadeIn .3s ease forwards} .ts-img-container.active .cover{-webkit-animation: fadeOut .3s ease forwards;animation: fadeOut .3s ease forwards} .ts-border-radius--none {border-radius:unset !important;} .rc-btn.ts-flex-center{display:flex;align-items: center;justify-content: center;} .rc-btn.ts-btn-img--70 img{} @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } /* Animation end */ /* About Us end*/ /* custom 1103 end*/ /* custom 1123 contact us*/ .contact-form .rc-input--inline { padding-right:1.5rem; margin-right:unset; width:100%; } select#edit-field-rc-contact-user-type { border:none; border-bottom: solid 1px #d1d1d1; width:100%; } .contact-message-feedback-form div[id*='edit-field'] input,.contact-message-feedback-form div[id*='edit-field'] select { height:30px; } /* custom 1123 contact us end*/ /* cats and dogs, products and breeds */ main { /*margin-top: 120px;*/ } main .views-exposed-form-wrapper { margin-top: 16px; border: solid 1px #d1d1d1; border-radius: 3px; } main .views-exposed-form>div:first-child { margin-right: 0; } /* filter title */ main .views-exposed-form .filter-title { position: relative; border-bottom: solid 1px #d1d1d1; padding: 16px 16px; font-size: 20px; } main .views-exposed-form .filter-title .title { display: inline-block; width: 100%; padding-left: 30px; } main .views-exposed-form .filter-title>.rc-icon { position: absolute; top: 16px; left: 18px; } main .views-element-container nav { display: inline-block; width: 100%; } /* fieldset, checkbox */ .views-exposed-form { position: relative; } main fieldset { } main fieldset .rc-down--xs { display: none; } main fieldset legend { position: relative; display: inline-block; width: 100%; /*height: 42px;*/ /*line-height: 42px;*/ border-bottom: solid 1px #d1d1d1; } main fieldset legend span.special { position: absolute; top: 0; right: -2px; display: none; width: 2px; height: 57px; background: #fff; z-index: 51; } main #edit-field-pets-age-target-id--wrapper span.special { /*top: 1px;*/ } /* special for:fieldset legend */ main #edit-field-pets-age-target-id--wrapper legend, main.cats-breeds #edit-field-cats-breeds-type-target-id--wrapper legend, main.dogs-breeds #edit-field-dogs-breeds-type-target-id--wrapper legend { /*border-top: solid 1px #d1d1d1;*/ } main fieldset legend .fieldset-legend { /*position: absolute;*/ /*top: 0;*/ /*left: 0;*/ display: inline-block; padding: 16px 16px; /*width: 90%;*/ /*height: 42px;*/ /*line-height: 42px;*/ /*padding-left: 5%;*/ } main fieldset legend .rc-icon { position: absolute; top: 12px; right: 16px; } main .fieldset-wrapper { display: none; position: absolute; top: -1px; left: 100%; width: 580px; min-height: 500px; background: #fff; border: solid 1px #d1d1d1; border-radius: 3px; z-index: 50; } main #edit-field-pets-age-target-id--wrapper .fieldset-wrapper { /*top: -43px;*/ } main .fieldset-wrapper>div { padding: 20px 20px; } main .fieldset-wrapper .rc-input--inline:nth-child(4n) { margin-right: 0; } main .fieldset-wrapper .rc-input--inline { position: relative; display: inline-block; width: 115px; margin-top: 5px; margin-bottom: 10px; margin-right: 20px; } .no-result-wrapper { margin-top: 15px; } .views-element-container article { position: relative; } main fieldset .close-wrapper { position: relative; display: block; height: 20px; padding: 0; } main fieldset .rc-close--xs { position: absolute; top: 10px; right: 10px; cursor: pointer; } /*.views-field-field-royalcanin-image-cover {*/ /* display: inline-block;*/ /* height: 90%;*/ /*}*/ /* products and breeds */ .views-element-container .rc-event-card--sidebar-present > .rc-column img { /*max-height: 160px;!* 不能同时加max-width, 否则溢出 *!*/ width:100%; } .views-exposed-form .select-wrapper { display: none; } #views-exposed-form-royalcanin-cats-products-page-1 .js-form-item-keys label { display: none; } main .views-exposed-form-wrapper form { position: relative; } main .views-exposed-form-wrapper fieldset { margin-left: 0; margin-right: 0; } /* search submit and icon */ main .views-exposed-form-wrapper .rc-input--inline { width: 100%; } main .fieldset-wrapper .rc-input--inline { position: relative; display: inline-block; width: 115px; } main .views-exposed-form>.rc-input--inline:first-child>label { display: none; } /* #views-exposed-form-royalcanin-cats-products-page-1 #edit-keys, #views-exposed-form-royalcanin-dogs-products-page-1 #edit-keys, #views-exposed-form-royalcanin-cats-breeds-page-1 #edit-keys, #views-exposed-form-royalcanin-dogs-breeds-page-1 #edit-keys */ main .views-exposed-form>div:first-child { padding: 16px 16px; } main .views-exposed-form #edit-keys { position: relative; /*left: 5%;*/ display: inline-block; width: 100%; /*margin: 16px 16px;*/ height: 48px; line-height: 48px; padding-left: 30px; /*padding-top: 3px;*/ border: none; border-bottom: solid 1px #d1d1d1; outline: none; } main .views-exposed-form-wrapper .search-submit { position: absolute; top: 22px; left: 15px; display: inline-block; width: 30px; height: 30px; cursor: pointer; } main .views-exposed-form-wrapper .search-icon { position: relative; top: 5px; left: 6px; display: inline-block; height: 14px; width: 14px; border: solid 2px #666; border-radius: 50%; } main .views-exposed-form-wrapper .search-submit:hover .search-icon { border: solid 2px #E2001A; } main .views-exposed-form-wrapper .search-submit:hover .search-icon:after { color: #E2001A; } main .views-exposed-form-wrapper .search-icon:after { position: absolute; top: -5px; left: 8px; content: '-'; font-size: 20px; font-weight: bolder; color: #666; transform: rotate(45deg); } /* filter submit action and cancel */ main .views-exposed-form #edit-actions { display: block; } /* work with input--submit.html.twig, a元素代替submit */ main .views-exposed-form #edit-actions input { display: inline-block; width: 0; height: 0; font-size: 0; border: none; } main .views-exposed-form #edit-actions .rc-btn { display: block; margin: 35px 10% 0 10%; } main .views-exposed-form .filter-cancel-trigger.rc-btn { display: block; /*width: 100%;*/ margin: 10px 10% 10px 10%; } main .views-exposed-form .filter-cancel { /*display: block;*/ /*margin: 25px 10% 30px 10%;*/ } /* cats & dogs, products & breeds, content */ .views-field-title, .views-field-view-node { padding-left: 0.5rem; padding-right: 0.5rem; } .views-field-title a, .views-field-view-node a { color: #e2001a; } main .rc-triple-width .rc-column { width: 25%; } main .rc-triple-width h3 { margin: 16px 20px; font-weight: 400; letter-spacing: 0.1em; } /* chrome里能看到这两个元素,firefox里看不到,将其隐藏。*/ main .views-exposed-form #edit-actions input[type='submit'], .filter-cancel-wrapper { display: inline-block; width: 0; height: 0; opacity: 0; } /* royalcanin article */ .royalcanin-articles-content ul { padding-left: 15px; } /* 文章封面图片水平居中 */ .royalcanin-articles-cover .rc-column>div { text-align: center; } .royalcanin-articles-cover img { margin: 0 auto; } main.general .sidebar { width: 30%; } main.general .content { width: 70%; } /* search result page */ main.search { /*margin-top: 130px;*/ } main.search .search-title .rc-column { padding-left: 0; padding-right: 0; } main.search .search-title .rc-column h1 { font-size: 22px; } #royalcanin-search-form { position: relative; } .royalcanin-search-form label { display: none; } .royalcanin-search-form #edit-search { display: inline-block; width: 100%; height: 46px; line-height: 46px; padding-left: 30px; padding-top: 3px; } .royalcanin-search-form .form-submit { position: absolute; top: 5px; left: 0; display: inline-block; width: 36px; height: 36px; font-size: 0; opacity: 0; cursor: pointer; z-index: 995; } .royalcanin-search-form .form-submit:hover + .search-icon { border: solid 2px #E2001A; } .royalcanin-search-form .form-submit:hover + .search-icon:after { color: #E2001A; } .royalcanin-search-form .search-icon { display: inline-block; position: absolute; top: 14px; left: 8px; height: 14px; width: 14px; border: solid 2px #666; border-radius: 50%;} .royalcanin-search-form .search-icon:after { position: absolute; top: -5px; left: 8px; content: '-'; font-size: 20px; font-weight: bolder; color: #666; transform: rotate(45deg);} main.search .rc-event-card--sidebar-present>.rc-column { width: 25%; } main.search .views-element-container small { display: none; } main.search .search-result-nav { padding-top: 15px; padding-bottom: 30px; } main.search .views-element-container { margin-bottom: 50px; } main.search .rc-card { position: relative; } /* main.search .views-field-field-royalcanin-image-cover, main .views-field-field-royalcanin-image-cover, */ main.search .views-field-field-royalcanin-image-cover>div, main .views-field-field-royalcanin-image-cover>div, main.search .views-field-field-royalcanin-image-cover>div>a, main .views-field-field-royalcanin-image-cover>div>a { height: 100%; } main.search .views-field-field-royalcanin-image-cover>div>a, main .views-field-field-royalcanin-image-cover>div>a { display: inline-block; width: 100%; height: 100%; text-align: center; } main.search .views-field-field-royalcanin-image-cover>div>a>img, main .views-field-field-royalcanin-image-cover>div>a>img { display: inline-block; } main.search .views-field-title, main .views-field-title, main.search .views-field-title>span, main .views-field-title>span, main.search .views-field-title>span>a, main .views-field-title>span>a { display: inline-block; width: 100%; } main.search .views-field-title>span>a, main .views-field-title>span>a, main .views-field-view-node a { text-decoration: none; } main.search #block-views-block-royalcaninsearch-result-block-2, main.search #block-views-block-royalcaninsearch-result-block-3, main.search #block-views-block-royalcaninsearch-result-block-4 { display: none; } .products-breeds .views-field-title span.field-content{ height: 3rem; display: inline-flex; align-items: center; } /* products article */ /* products banner image */ .products-basic div[class*='products-attribute'] div { display: inline-block; /*padding-right: 15px;*/ } .products-basic.dogs .products-attribute-type>div:after { content: ',犬'; } .products-basic.cats .products-attribute-type>div:after { content: ',猫'; } .products-basic .products-attribute-age>div:first-child>div { display: none; } .products-basic .products-attribute-age>div:first-child>div:first-child { display: inline-block; } .products-basic .products-attribute-age>div:first-child>div:last-child { display: inline-block; } .products-basic .age-type { display: none; } .products-basic .products-attribute-age.multi-age>div:first-child>div:first-child:after { content: ' 至'; } .products-basic .products-attribute-age.before-age>div:first-child>div:first-child:after { content: '以下'; } .products-basic .products-attribute-age.after-age>div:first-child>div:first-child:after { content: '以上'; } .products-basic .products-attribute-age>div:nth-child(2)>div:after { content: ' /'; } .products-basic .products-attribute-age>div:nth-child(2)>div:last-child:after { content: ''; } .products-basic .products-attribute-somatotype>div>div:after { content: ' /'; } .products-basic .products-attribute-somatotype>div>div:last-child:after { content: ''; } .products-basic .products-attribute-demand>div>div:after { content: ' /'; } .products-basic .products-attribute-demand>div>div:last-child:after { content: ''; } .products-banner-image img { display: block; margin: 0 auto; } .products-image-wrapper { display: none; } /* breeds article */ .breeds-facts-item-wrapper { display: none; } .breeds-details p>span:after { content: ' /'; } .breeds-details p>span:last-child:after { content: ''; } /* royalcanin article */ .royalcanin-articles-content strong { font-weight: bold; } /* Breadcrumbs */ .system-404 #block-royalcanin-breadcrumbs nav { display: none; } #block-royalcanin-breadcrumbs { margin-top: 130px; } /*.dogs-puppy #block-royalcanin-breadcrumbs,*/ /*.dogs-puppy-prepare-for-puppy #block-royalcanin-breadcrumbs,*/ /*.dogs-puppy-prepare-for-family #block-royalcanin-breadcrumbs,*/ /*.dogs-puppy-puppy-go-home #block-royalcanin-breadcrumbs,*/ /*.dogs-puppy-feeding #block-royalcanin-breadcrumbs,*/ /*.dogs-puppy-feeding-nutrition #block-royalcanin-breadcrumbs,*/ /*.dogs-puppy-health #block-royalcanin-breadcrumbs,*/ /*.dogs-puppy-health-visit-vet #block-royalcanin-breadcrumbs,*/ /*.dogs-puppy-health-common-problems #block-royalcanin-breadcrumbs,*/ /*.dogs-puppy-growth #block-royalcanin-breadcrumbs,*/ /*.dogs-puppy-play #block-royalcanin-breadcrumbs,*/ /*.dogs-puppy-training #block-royalcanin-breadcrumbs,*/ /*.dogs-puppy-training-training-at-home #block-royalcanin-breadcrumbs,*/ /*.dogs-puppy-training-training-at-cage #block-royalcanin-breadcrumbs,*/ /*.dogs-puppy-gromming #block-royalcanin-breadcrumbs,*/ /*.dogs-puppy-home-first-weeks #block-royalcanin-breadcrumbs,*/ /*.dogs-puppy-cosmetology #block-royalcanin-breadcrumbs {*/ /* margin-top: 230px;*/ /*}*/ /*.cats-kitten #block-royalcanin-breadcrumbs,*/ /*.cats-kitten-prepare-for-kitten #block-royalcanin-breadcrumbs,*/ /*.cats-kitten-prepare-for-family #block-royalcanin-breadcrumbs,*/ /*.cats-kitten-kitten-go-home #block-royalcanin-breadcrumbs,*/ /*.cats-kitten-feeding #block-royalcanin-breadcrumbs,*/ /*.cats-kitten-feeding-nutrition #block-royalcanin-breadcrumbs,*/ /*.cats-kitten-health #block-royalcanin-breadcrumbs,*/ /*.cats-kitten-health-visit-vet #block-royalcanin-breadcrumbs,*/ /*.cats-kitten-health-common-health-problems #block-royalcanin-breadcrumbs,*/ /*.cats-kitten-growth #block-royalcanin-breadcrumbs,*/ /*.cats-kitten-play #block-royalcanin-breadcrumbs,*/ /*.cats-kitten-training #block-royalcanin-breadcrumbs,*/ /*.dogs-puppy-training-training-at-home #block-royalcanin-breadcrumbs,*/ /*.dogs-puppy-training-training-at-cage #block-royalcanin-breadcrumbs,*/ /*.dogs-puppy-home-first-weeks #block-royalcanin-breadcrumbs,*/ /*.cats-kitten-cosmetology #block-royalcanin-breadcrumbs {*/ /* margin-top: 230px;*/ /*}*/ div[class*='cats-kitten'] #block-royalcanin-breadcrumbs, div[class*='dogs-puppy'] #block-royalcanin-breadcrumbs { margin-top: 230px; } .about-future-planet #block-royalcanin-breadcrumbs, .about-future-people #block-royalcanin-breadcrumbs, .about-future-wellbeing #block-royalcanin-breadcrumbs { margin-top: 230px; } .about-quality .block1 .rc-column { padding-bottom: 0; } #block-royalcanin-breadcrumbs ol { list-style: none; } #block-royalcanin-breadcrumbs li { display: inline-block; /*padding: 0 15px;*/ } #block-royalcanin-breadcrumbs li:after { content: '>'; display: inline-block; padding: 0 10px; } #block-royalcanin-breadcrumbs li:last-child:after { content: none; } #block-royalcanin-breadcrumbs a { text-decoration: none; margin-right: 0; } /* about page */ /* about news */ main.about-us .block6>.rc-layout-container>.rc-column { padding-top: 0; /*margin-top: 0;*/ } main.about-news section>div>.rc-column:first-child { display: none; } main.about-news section>div>.rc-column:last-child { width: 100%; } main.about-us .block19 .rc-column:last-child { padding-bottom: 0; } /* about contact */ #edit-message-wrapper label { padding-top: 8px; } .contact-message-feedback-form div[id*='edit-field'] { display: inline-block; width: 49%; margin-bottom: 25px; } .contact-message-feedback-form div[id*='edit-field'] input { display: inline-block; width: 100%; padding: 5px 0; border: none; border-bottom: solid 1px #d1d1d1; } main.about-contact .block2 .ts-text-wrapper { border: solid 1px #d1d1d1; border-top: none; padding-top: 15px; padding-left: 15px; } main.about-contact .block2 .ts-text-wrapper p { margin-top: 5px; margin-bottom: 5px; } main.about-contact .block2 .ts-text-wrapper p:last-child { padding-bottom: 30px; } main.about-contact .block2 .ts-text-wrapper p .rc-icon { position: relative; top: 1px; /* left: -3px; */ } main.about-contact .block2 .ts-text-wrapper a { text-decoration:none; } main.about-contact .block2 .ts-text-wrapper a.rc-icon:after{ left: .5rem; } .contact-message-feedback-form label { display: none; } .contact-message-feedback-form #edit-message-wrapper { position: relative; padding-right:1.5rem; } .contact-message-feedback-form #edit-message-wrapper label { display: inline-block; /* width: 95%; position: absolute; left: 0; bottom: -60px; */ } .contact-message-feedback-form .captcha label { display: inline-block; } .contact-message-feedback-form #edit-captcha-response--description { display: none; } .contact-message-feedback-form textarea { padding: 10px 10px; resize: none; border: solid 1px #d1d1d1; width:100%; } .contact-message-feedback-form #edit-actions { margin-top:1rem; } .contact-message-feedback-form .captcha { margin: 1rem 0; } .contact-message-feedback-form .captcha input { border: solid 1px #d1d1d1; } .contact-message-feedback-form #edit-actions .rc-btn { /*display: inline-block;*/ /*width: 150px;*/ } .contact-message-feedback-form #edit-actions .rc-btn::after { /*background-image: url(https://d1a19ys8w1wkc1.cloudfront.net/royal-canin.sprite--brand3--xs.svg?v=8-10-0);*/ /*width: 24px;*/ /*position: absolute;*/ /*top: 22px;*/ /*left: 70%;*/ } .contact-message-feedback-form #edit-actions #edit-submit { display: none; } .contact-message-feedback-form #edit-actions #edit-preview { display: none; } main.about-contact .block2 img { border: solid 1px #d1d1d1; border-bottom: none; } /* related articles */ /* related products */ /*.related-articles .heading a:not(.view-all-link),*/ .related-articles .heading a, .related-products .heading a { text-decoration: none; padding-bottom: 5px; border-width: 1px; display: none; cursor: pointer; } .related-products .heading h2 { margin-bottom: 0; } .related-articles .heading a.view-all-link { /*display: inline-block;*/ } .related-articles div[id*="block-views-block-royalcanin"][id*="articles-block"]>div>section>div>.rc-column:first-child, .related-products div[id*="block-views-block-royalcanin"][id*="products-block"]>div>section>div>.rc-column:first-child { display: none; width: 0; } .related-articles div[id*="block-views-block-royalcanin"][id*="articles-block"]>div>section>div>.rc-column:last-child, .related-products div[id*="block-views-block-royalcanin"][id*="products-block"]>div>section>div>.rc-column:last-child { width: 100%; } .related-articles .rc-card__body a{ text-decoration:none; } /* cats dogs health related articles */ #block-views-block-royalcanin-cats-articles-block-7 .rc-event-card--sidebar-present>.rc-column, #block-views-block-royalcanin-dogs-articles-block-7 .rc-event-card--sidebar-present>.rc-column { width: 33.333%; } .cats-dogs-health-articles small, .getting-cats-dogs small, .related-articles small { display: none; } /* div[id*='block-views-block-royalcanin-cats-articles-block'] rc-match-heights */ .cats-dogs-health-articles .rc-event-card--sidebar-present>.rc-column:nth-child(n+5), .cats-dogs-health-articles div[id*='block-views-block-royalcanin-dogs-articles-block'] .rc-event-card--sidebar-present>.rc-column, .getting-cats-dogs div[id*='block-views-block-royalcanin-cats-articles-block'] .rc-event-card--sidebar-present>.rc-column, .getting-cats-dogs div[id*='block-views-block-royalcanin-dogs-articles-block'] .rc-event-card--sidebar-present>.rc-column { display: none; } .related-articles div[id*='block-views-block-royalcanin'][id*='articles-block'] .rc-event-card--sidebar-present>.rc-column { display: none; } /* div[id*='block-views-block-royalcanin-cats-articles-block'] */ .cats-dogs-health-articles .rc-event-card--sidebar-present>.rc-column:nth-child(1), .cats-dogs-health-articles .rc-event-card--sidebar-present>.rc-column:nth-child(2), .cats-dogs-health-articles .rc-event-card--sidebar-present>.rc-column:nth-child(3), .cats-dogs-health-articles .rc-event-card--sidebar-present>.rc-column:nth-child(4), .getting-cats-dogs div[id*='block-views-block-royalcanin-cats-articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(1), .getting-cats-dogs div[id*='block-views-block-royalcanin-cats-articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(2), .getting-cats-dogs div[id*='block-views-block-royalcanin-cats-articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(3), .getting-cats-dogs div[id*='block-views-block-royalcanin-cats-articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(4) { display: inline-block; } .cats-dogs-health-articles div[id*='block-views-block-royalcanin-dogs-articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(1), .cats-dogs-health-articles div[id*='block-views-block-royalcanin-dogs-articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(2), .cats-dogs-health-articles div[id*='block-views-block-royalcanin-dogs-articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(3), .cats-dogs-health-articles div[id*='block-views-block-royalcanin-dogs-articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(4), .getting-cats-dogs div[id*='block-views-block-royalcanin-dogs-articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(1), .getting-cats-dogs div[id*='block-views-block-royalcanin-dogs-articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(2), .getting-cats-dogs div[id*='block-views-block-royalcanin-dogs-articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(3), .getting-cats-dogs div[id*='block-views-block-royalcanin-dogs-articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(4) { display: inline-block; } .related-articles div[id*='block-views-block-royalcanin'][id*='articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(1), .related-articles div[id*='block-views-block-royalcanin'][id*='articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(2), .related-articles div[id*='block-views-block-royalcanin'][id*='articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(3), .related-articles div[id*='block-views-block-royalcanin'][id*='articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(4) { display: inline-block; } .cats-dogs-health-articles .view-all-link, .getting-cats-dogs .view-all-link { cursor: pointer; } .related-articles .rc-shadow-black--soft>div>h1 { /*border: solid 10px red;*/ } .cats-dogs-health-articles .rc-timeline-nav { width: 200px; } .cats-dogs-health-articles .rc-timeline-nav>li>a { display: inline-block; width: 180px; } .cats-dogs-health-articles .related-articles .no-result-wrapper { /*display: none;*/ } /* cats/kitten, dogs/puppy下 related articles 样式调整 */ /* Dont need it main.dogs-feeding .views-field-field-royalcanin-image-cover main.dogs-feeding .views-field-field-royalcanin-image-cover>div, main.dogs-feeding .views-field-field-royalcanin-image-cover>div>a { height: 70%; } */ main.dogs-feeding .views-field-field-royalcanin-image-cover>div>a { display: inline-block; width: 100%; /* Dont need it height: 70%; */ text-align: center; } /* cats dogs health related articles */ main.cats-dogs-health-articles .views-field-field-royalcanin-image-cover { height: 70%; } main.cats-dogs-health-articles .views-field-field-royalcanin-image-cover>div>a { /* display: inline-block; width: 100%; height: 70%; text-align: center; */ } main.cats-dogs-health-articles .views-field-field-royalcanin-image-cover img { width:100%; } main.content #block-royalcanin-local-tasks ul li{ /*display:list-item;*/ /*list-style-position: inside;*/ } main.content #block-royalcanin-local-tasks ul{ /*list-style: disc;*/ } /*main.cats-dogs-health-articles .rc-event-card--sidebar-present>.rc-column {*/ /* width: 25%;*/ /*}*/ main.cats-dogs-health-articles .block2 .rc-event-card--sidebar-present>.rc-column { width: 33.333%; } /* cats dogs health related articles 20201213 update , dun need it main.cats-dogs-health-articles .article-img-cover { height: 80%; } */ main.cats-dogs-health-articles img { display: inline-block; /*max-height: 150px;*/ } main.cats-dogs-health-articles .article-title { /*padding: 5px 5px;*/ } /* main.cats-dogs-health-articles .related-articles .rc-event-card--sidebar-present>.rc-column { display: none; } main.cats-dogs-health-articles .related-articles .rc-event-card--sidebar-present>.rc-column:nth-child(1), main.cats-dogs-health-articles .related-articles .rc-event-card--sidebar-present>.rc-column:nth-child(2), main.cats-dogs-health-articles .related-articles .rc-event-card--sidebar-present>.rc-column:nth-child(3), main.cats-dogs-health-articles .related-articles .rc-event-card--sidebar-present>.rc-column:nth-child(4) { display: inline-block; } main.cats-dogs-health-articles .related-articles .rc-event-card--sidebar-present>.rc-column.top:nth-child(4) { display: none; } */ /* user related page */ #block-royalcanin-local-tasks ul { padding-left: 0; list-style: none; } #block-royalcanin-local-tasks li { display: inline-block; } #block-royalcanin-local-tasks li>a { padding: 8px 16px; text-decoration: none; } #block-royalcanin-local-tasks li>a.is-active { border-bottom: solid 4px #e2001a; color: #e2001a; } .user-login #edit-submit, .user-register #edit-submit, .user-pass #edit-submit, .user-form #edit-submit { display: inline-block; width: 0; height: 0; font-size: 0; border: none; opacity: 0; } .user-login label, .user-register label, .user-pass label, .user-login div[id*='description'], .user-register div[id*='description'] { display: none; } .user-login form>div, .user-register form>div>div, #user-form>div>div { display: block; margin-bottom: 30px; } .user-login input, .user-register input, .user-pass input, #user-form input { display: inline-block; width: 100%; height: 36px; padding: 5px 10px; } .user-register input#edit-pass-pass1, .user-register input#edit-pass-pass2 { margin-bottom: 30px; width: 120%; } .user-form input#edit-pass-pass1, .user-form input#edit-pass-pass2 { /*margin-bottom: 30px;*/ width: 120%; } .user-form label { display: block; margin-bottom: 10px; } .user-form .description { margin-top: 10px; } .user-form #edit-current-pass--description a, .user-form #edit-mail--description, .user-form #edit-pass--description { display: none; } .user-form label[for='edit-pass-pass2'] { margin-top: 30px; } .user-form .password-confirm-message { margin-top: 30px; } /* user view page */ article.user-view div { margin-bottom: 15px; } article.user-view div:nth-child(3) h4 { display: none; } article.user-view div:nth-child(3):before { content: '注册时长:'; } article.user-view div:last-child { margin-top: 30px; } /* user edit form page */ .user-form label.form-required:after { content: '*'; color: #e2001a; } @media (max-width: 1439px) { .cats-dogs-health-articles .rc-timeline-nav { /*display:none;*/ } } /* Beware of 1024 conflicting*/ @media (min-width: 1024px) { .views-element-container .tns-outer{margin:0;} .views-element-container .rc-card:first-child{margin-left:0;} .views-element-container .rc-card:last-child{margin-right:0;} } @media (max-width: 1024px) { } /* Beware of 1024 conflicting end*/ @media (max-width: 960px) { } @media (min-width: 769px) { .ts-list--four-column { -webkit-column-count:4; column-count: 4; } .ts-list--four-column,.ts-list--four-column .list,.ts-list--four-column .rc-list{ -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid } .rc-btn {max-width:100%;} } @media (max-width: 768px) { main.tailored-nutrition .views-element-container .rc-event-card--sidebar-present > .rc-column { width: 100%; } /*main.tailored-nutrition .rc-md-up {*/ /* display: block !important;*/ /*}*/ header { max-height:100%; overflow-y:auto; } #block-royalcanin-breadcrumbs { margin-top: 0px; visibility:hidden; } main.search { margin-top: 0; } /* 筛选器 */ .views-exposed-form fieldset { display: none; } .views-exposed-form .select-wrapper { display: block; border-bottom: solid 1px #d1d1d1; position:relative; } /* */ .views-exposed-form .select-wrapper:after { content:" "; position:absolute; top:50%; right:4%; transform: translateY(-50%) translateX(-50%); background-image: url(../image/royal-canin.sprite--iconography--xs.svg?v=8-10-0); background-repeat: no-repeat; background-position: 0 42.86%; overflow: hidden; width: 24px; height:32px; display: inline-block; } .views-exposed-form .select-wrapper label { display: inline-block; padding-left: 20px; width: 45%; height: 57px; line-height: 57px; } /* 需要在select下设置color, option下设置是另一效果 */ .views-exposed-form .select-wrapper select { border: none; width: 50%; height: 35px; color: #666; -webkit-appearance: none; background:transparent; position:relative; outline:none; } .rc-nav {z-index:201;} header .rc-link-list__anchor-link { padding-top: .8rem; padding-bottom: .8rem; } footer .footer-block7 .rc-list__link {border:unset;} main .rc-triple-width .no-result-wrapper .rc-column {width:100%;} .block-royalcanin-breadcrumbs{display:none;} .rc-interactive-image--toggle-content .rc-btn { min-width: 2rem; height: 2rem; } .rc-interactive-image--toggle-content .rc-interactive-button:before { height: 1.5rem; width: 1.5rem; } main.cats .rc-one-column img { } main.cats .special-link span, main.cats .block4 .rc-layout-container { flex-direction:column-reverse; } main.cats .block4 .rc-layout-container > .rc-column{ flex-flow:column; } main.cats .block4 .rc-layout-container > .rc-column a { border-bottom-width: 1px; } main.dogs .special-link span { top: 0; } main.cats .block4 .breed, main.dogs .block4 .breed { display: inline-block; width: 100%; margin-bottom: 10px; } /* products and breeds and articles */ .views-element-container .rc-event-card--sidebar-present > .rc-column { width: 25%; } .views-element-container .rc-event-card--sidebar-present > .rc-column img { /*max-height: 120px;!* 不能同时加max-width, 否则溢出 *!*/ width:auto; } /* Recommand articles section */ main .related-articles .ts-carousel-container { margin-top:1rem; } main .related-articles .ts-carousel-data .rc-column { width:100%; } main .related-articles .ts-carousel-container img { width:100%; } main.cats-growth .rc-two-column:not(.heading) > .rc-column, main.dogs-growth .rc-two-column:not(.heading) > .rc-column { border-left:solid 1px #bbb; } main.cats-growth .rc-two-column:not(.heading) > .rc-column:first-child:before , main.dogs-growth .rc-two-column:not(.heading) > .rc-column:first-child:before { content:" "; height:16px; width:16px; border-radius: 8px; display:block; position:absolute; left:-8px; top:49%; background-color: #e2001a; } main.cats-health .block2 ul, main.dogs-health .block2 ul { padding-left:0; } main.cats-health .read-more, main.cats-health .view-all { width: 50%; } main.cats-health .view-all { text-align: right; } main.cats-play .block4 .rc-card__title { font-size:1.5rem; } /* custom 1103 Mob compability*/ .ts-hide-md{display:none !important;} .ts-show-md{display:flex !important;} main.about-us .timeline:before{display:none;} main.about-us .timeline .ts-content-container{} main.about-us .timeline:nth-child(odd)>.rc-layout-container>.rc-column:first-child{border-right:none;} main.about-us .timeline:nth-child(odd) .ts-content-container{text-align:left;} main.about-us .timeline>.rc-layout-container>.rc-column:first-child,main.about-us .timeline>.rc-layout-container>.rc-column:last-child {border-right:none;} main.about-us .timeline>.rc-layout-container>.rc-column:first-child {border-left: solid 4px #d7d7d7;} main.about-us .timeline .img-container{border-left: solid 4px #d7d7d7;} main.about-us .timeline .rc-hero__section--img{padding:0 10px;} /* custom 1103 */ footer .ts-qr-container { width:50%; } footer .ts-qr-container:nth-child(even) { padding-right:0; } footer .ts-qr-container:nth-child(odd) { padding-left:0; } } /* 768 breakpoint end*/ @media (max-width: 640px) { main.cats .special-link span, main.dogs .special-link span { display: none; } main.cats .block4 .cats-info-select>a, main.dogs .block4 .cats-info-select>a { display: inline-block; margin-top: 20px; } main.cats .block4 .cats-info-select .select1, main.dogs .block4 .cats-info-select .select1 { padding-right: 30px; } main.cats .block4 .breed, main.dogs .block4 .breed { margin-top: 20px; margin-bottom: 0; } /* related articles */ .related-articles .heading>div { display: inline-block; width: 50%; } } @media (max-width: 480px) { /*main.cats .block4 .rc-input--inline-container {*/ /* position: relative;*/ /*}*/ /*main.cats .block4 .cats-info-select .select2 {*/ /* position: absolute;*/ /* top: 0;*/ /* right: 0;*/ /*}*/ main.cats .block4 .cats-info-select .select2 { /*padding-right: 20%;*/ } main.cats-life-startpoint .block13 .rc-content-card--sidebar-present>.rc-column { width: 100%; } /* products and breeds and articles */ .views-element-container .rc-event-card--sidebar-present > .rc-column{ width:100%; } /* royalcanin search */ main.search .rc-event-card--sidebar-present > .rc-column { width: 100%; } } @media (max-width: 414px) { } @media (max-width: 320px) { } /* footer */ footer li.rc-list__item > button { font-size: 0.6em; } footer .footer-block7 a.rc-list__link { display:inline; position:relative; } footer .footer-block7 a.rc-list__link .ts-hover-show { position:absolute;bottom:2rem;left:0rem;background:#fff;opacity:0;width:112px;padding:.5rem;text-align:center; } footer .footer-block7 a.rc-list__link .ts-hover-show img{margin:0 auto;} footer .footer-block7 a.rc-list__link:hover .ts-hover-show{display:block;color:#666;-webkit-animation: fadeIn .3s ease forwards;animation: fadeIn .3s ease forwards;}