/*====================================================================== INDEX 1.0 Global 1.1 Arrows 1.2 ICONS 1.3 Color Backgrounds 1.4 Tabs 1.5 Inline Lists 1.6 Breadcrumbs 1.7 Buttons 1.8 Block Links 1.9 Small 1.10 SOCIAL ICONS 1.11 Selectric Syles 2.0 Header 2.1 Top Menu 2.2 Main Menu 2.3 Drop Down 2.4 Submenu 3.0 Content 4.0 Components 4.1 Product Slider 4.2 Product Filter 4.3 Product Grid 4.4 Recommended Products 4.5 Home Slider 5.0 Templetes 5.1 Articles Templete 5.1.2 ARTICLES TEMPLETE "Homeophatic-Herbal" 5.1.3 ARTICLES TEMPLETE "FLEX" 5.2 SUBCATEGORY 5.2.1 SUBCATEGORY "CHILD CARE" 5.2.2 SUBCATEGORY "PRODUCT SLIDER" 5.2.3 SUBCATEGORY "ARTICLES WRAPPER" 5.2.4 SUBCATEGORY "ARTICLES ADULT CONTROL" 5.2.5 SUBCATEGORY "ARTICLES CHILD CONTROL" 5.2.6 SUBCATEGORY "EXPERTS ARTICLES" 5.2.7 SUBCATEGORY "PRODCUT SLIDER FILTER" 5.2.8 SUBCATEGORY "MENU" 5.2.9 SUBCATEGORY "SLIDER" 5.2.10 SUBCATEGORY "TAGLINE" 5.3 Privacy Police 5.4 Coupons 5.6 Product Detail 5.6.1 Tab 1 5.6.2 Tab 2 5.6.3 Tab 3 5.6.4 Tab 4 5.7 Where to buy 5.8 Home 5.9 About Us 5.10 SUBCATEGORY "ADULT CARE" 5.11 Search Results 6.0 Footer 7.0 Media Queries ======================================================================*/ /*@import url(http://fonts.googleapis.com/css?family=Lato:400,300,700,900);*/ @import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900); body{font-family:'Lato', sans-serif;} /*============================================================================== ██╗ ██████╗ ██████╗ ██╗ ██████╗ ██████╗ █████╗ ██╗ ███║ ██╔═████╗ ██╔════╝ ██║ ██╔═══██╗██╔══██╗██╔══██╗██║ ╚██║ ██║██╔██║ ██║ ███╗██║ ██║ ██║██████╔╝███████║██║ ██║ ████╔╝██║ ██║ ██║██║ ██║ ██║██╔══██╗██╔══██║██║ ██║██╗╚██████╔╝ ╚██████╔╝███████╗╚██████╔╝██████╔╝██║ ██║███████╗ ╚═╝╚═╝ ╚═════╝ ╚═════╝ ╚══════╝ ╚═════╝ ╚═════╝ ╚═╝ ╚═╝╚══════╝ =================================================================================*/ a, a:hover, a:active, a:focus, input, input:active, input:focus, img, button, .button{outline: 0 none;font-family:'Lato', sans-serif; border:none;} a{font-size:14px;font-family:'Lato', sans-serif;font-weight:300;color: #002c51} small{font-size:10px; color: #00284B} button{padding:0;background:transparent;} button:hover,button:active,button:focus{background:transparent;} p{ font-size: 14px; line-height:1.4rem; font-weight: 400; color: #002c51; /*margin-top: 0*/} blockquote {margin: 0 0 2em; text-align: right; font-weight: 900; font-size: 14px; color: #354451} h1, h2, h3{font-weight: 300;}/* Light */ h3 {line-height: 1.5rem;} hr { border:0 ; height: 1px; background-color: #00251c; margin-bottom: 26px} strong{font-weight:700}/* Bold */ select{ padding:5px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding-right:15px; font-size: .75rem; border-radius: 3px; color: rgba(0, 0, 0, 0.75); height: 30px; font-weight: 300 !important } .selectric p.label{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding-right: 30px} select:hover, input:focus, input:active, input:hover{border:solid 1px #ccc; box-shadow: none !important;} form{margin-bottom: 0} ol{font-size: 12px} .tagline h2, .testimonials h3{font-weight: 400}/* Regular */ .center-text{text-align: center;} .customNavigation{display: none !important} .columns.large-12 h1 {color:#002c51;font-size: 28px;font-weight: 300;margin-top: 2rem; } .columns.large-12.center-text h1{font-size: 32px} .blue-back .columns.large-12 h1{ color: #fff; margin-top: 0; font-size: 31.5px;} .columns.large-12 h3{font-size: 18px} .centerSlider .product-slider .owl-item > div {padding-top: 2.5rem;} .centerSlider.product-slider-wrapper{ padding-top: 35px} .content.sub-category.child-oral-care .centerSlider.product-slider-wrapper{ padding-top:0} .ellipsis {white-space: nowrap;overflow: hidden;} .ellipsis.multiline {white-space: normal;} .where-to-buy label{padding-top: 0px;line-height: 15px; cursor: default;} div.large-6 div.columns.large-10.medium-10 {padding-left: 0 !important;} /* .content.sub-category .hero-slider .slider-content img, .content.sub-category .hero-slider .slider-content img[src="~/media/Orajel/Products/Toothache/Orajel_Severe_Crm-lg"]{max-width: 186px;}*/ .owl-wrapper-outer.disabled:before {background: none;content: "";height: 100%;left: 0;position: absolute;width: 100%;z-index: 9999;} /*============================================================================== 1.1 ARROWS =================================================================================*/ .arrow-right, .arrow-left{ width: 40px; height: 40px; background: url(images/arrows-sprite.png); display: inline-block;} .arrow-right{background: url(images/arrows-sprite.png) -55px 0px;} .arrow-left:hover{ background-position:0 -47px;} .arrow-right:hover{ background-position:39px -47px;} /*============================================================================== 1.2 ICONS =================================================================================*/ .icon-cold-sore, .icon-toothache, .icon-mouth-canker{display: inline-block;width: 95px;height: 94px;background-image: url("images/oral-care.png");} a.icon-cold-sore:hover, a.icon-toothache:hover, a.icon-mouth-canker:hover{background-position: 0 -105px} .icon-toothache{background-position: -102px 0} .icon-mouth-canker{background-position: -205px 0} /*============================================================================== 1.3 COLOR Backgrounds =================================================================================*/ .blue-back{ background: url(images/adult-care-back.jpg) repeat-x 0 0; padding-bottom: 2rem; overflow: hidden;} .blue-back .breadcrumbs{ padding:1rem 0 0; overflow: visible} .blue-back .breadcrumbs .current a{ color: #fff} .blue-back h1, .blue-back h2, .light-blue-back h1, .light-blue-back h2{ color: #FFFFFF; font-size: 30px; font-weight: 300; margin-bottom: 13px; text-align: center; } .blue-back h2 {margin-top: 2rem} .light-blue{ background-color: #d3ebff; position: relative; background-position: center top;background-repeat: no-repeat;} .light-blue{ position: relative; min-height: 215px; overflow: hidden;} .light-blue .columns{ z-index: 99} .higlight{ padding: 1rem; overflow: hidden; clear: both; text-align: center; font-size: 1.5rem; background-color: #e8f3fc} .higlight p{ font-weight: 300; font-size: 18px} .higlight a{ font-size: 1.5rem} .background-image{ position: absolute; top: 0; z-index: 0; position: absolute;top: 0;width: 100%;z-index: 0;} /*============================================================================== 1.4 TABS =================================================================================*/ .tabs{ margin-top: 0;position: relative;z-index: 9;} .tabs dd{ margin: 0; margin-right: 2px} .tabs dd a{ background-color: #666666; color: #fff; font-weight:400;font-family: 'Lato',sans-serif; padding: .6rem .8rem; font-size: .8rem; font-size: 18px} .tabs dd a:hover{ background-color:#333} .tabs dd:first-child a{-webkit-border-top-left-radius: 10px;-moz-border-radius-topleft: 10px;border-top-left-radius: 10px;} .tabs dd.active a{ box-shadow: 0 -2px 2px -2px #999999;color: #02294c;height: 41px;margin-top: -3px;} .tabs dd.active a:hover{ background-color:#fff} .tabs-content{background: #FFFFFF;box-shadow: 2px 1px 2px 0px #999999;margin-top: 0;} .tabs-content > .content {padding:1rem 0} .more.right.mobile{display: none;} /*============================================================================== 1.5 INLINE LISTS =================================================================================*/ .inline-list{margin:0 0 1rem .6rem; line-height: 1rem} .inline-list li{margin-left: 0;margin-right: .4rem; border-left: solid 1px #a7a8a8; padding-left:.4rem} .inline-list li:first-child{ border:none; padding-left: 0;} .inline-list li:first-child a{ font-weight: 700} .inline-list li a.active{color: #031D3A } .inline-list li a{color: red; font-weight: 400;} /*============================================================================== 1.6 BREADCRUMBS =================================================================================*/ .breadcrumbs{ margin: 0; background: none; border: none; padding-left: 0; float:left;} .product-detail .blue-back .breadcrumbs a{ text-decoration: none; text-transform: capitalize; color: #003663; font-size: 14px; font-weight: 300} .product-detail .blue-back .breadcrumbs li.current a{color: #fff} .breadcrumbs li.current a{color:#6eb9f7} .blue-back .breadcrumbs a{color: #003663;} .breadcrumbs > * a {color: #002c51;text-transform: none; font-weight: 400} .product-detail .blue-back a{ text-shadow:none;} .blue-back .breadcrumbs > *:before{color: #003663;} .breadcrumbs > * {line-height: 1.3em !important;} .breadcrumbs > *:before{color: #003663} /*============================================================================== 1.7 BUTTONS =================================================================================*/ a.see-all, a.more, #SubmitButton{background:#e94356;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5NDM1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYTE2MjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top, #e94356 0%, #ea1621 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e94356), color-stop(100%,#ea1621));background:-webkit-linear-gradient(top, #e94356 0%,#ea1621 100%);background:-o-linear-gradient(top, #e94356 0%,#ea1621 100%);background:-ms-linear-gradient(top, #e94356 0%,#ea1621 100%);background:linear-gradient(to bottom, #e94356 0%,#ea1621 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e94356', endColorstr='#ea1621',GradientType=0 );padding:.6rem;color:#fff;font-style:italic;font-size:.7rem;text-shadow:1px 1px 1px #000;font-weight:500; display: inline-block;} #SubmitButton,a.see-all:hover, a.more:hover{background: #ea1621} a.more{font-weight: 900; font-size: 12px} a.blue-button, a.gray-button{ padding: .5rem .5rem;width:100%; overflow: hidden; clear: both; display: inline-block; color: #fff; font-weight: 600; font-style: italic; text-align: center; margin-bottom: 1rem; text-shadow:1px 1px 1px #000;} a.blue-button{background: #7dc0f6; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYzBmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMzU5YTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #7dc0f6 0%, #0359a2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7dc0f6), color-stop(100%,#0359a2)); background: -webkit-linear-gradient(top, #7dc0f6 0%,#0359a2 100%); background: -o-linear-gradient(top, #7dc0f6 0%,#0359a2 100%); background: -ms-linear-gradient(top, #7dc0f6 0%,#0359a2 100%); background: linear-gradient(to bottom, #7dc0f6 0%,#0359a2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dc0f6', endColorstr='#0359a2',GradientType=0 );} a.blue-button:hover{background: #0359a2;} a.gray-button{ background: #bfbfbf; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmYmZiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MTkxOTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #bfbfbf 0%, #919191 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfbfbf), color-stop(100%,#919191)); background: -webkit-linear-gradient(top, #bfbfbf 0%,#919191 100%); background: -o-linear-gradient(top, #bfbfbf 0%,#919191 100%); background: -ms-linear-gradient(top, #bfbfbf 0%,#919191 100%); background: linear-gradient(to bottom, #bfbfbf 0%,#919191 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#919191',GradientType=0 );} a.gray-button:hover{background: #919191;} /*============================================================================== 1.8 BLOCK LINKS =================================================================================*/ .block-links{ list-style: none; margin: 0; padding: 0; overflow: hidden; margin-bottom: 2rem} .product-grid .block-links li{width: 50%; float: right; border-bottom: solid 1px #fff ; background-color: #e6ecef; min-height:70px;/*display: table*/;height: 71px; min-height:71px} .product-grid .block-links li:nth-child(2n+1){margin-right: 5%; width: 45%; float: left;} .block-links a{ background-image: url("images/arrow.png"); background-position: 98% center; background-repeat: no-repeat; color: #003057; display: table-cell; font-weight: 400; line-height: 1rem; margin-bottom: 1px; padding: 0.5rem 1.5rem 0.5rem 1rem; vertical-align: middle; } .tabs-content .block-links li:nth-child(2n+1), .block-links li{ width: 100%; border-bottom: solid 1px #fff ; background-color: #e6ecef; min-height:70px; display: table;height: 71px; min-height:71px} /*============================================================================== 1.9 SMALL =================================================================================*/ .small-leyend, .small-leyend a{ font-size: 10px; font-weight: 300 } .content .small-leyend a{ color: #005ca8; text-decoration: underline;} .small-leyend ul{ padding-left: 1rem; margin-bottom: 3rem} .small-leyend ul li{ margin-bottom: .6rem} /*============================================================================== 1.10 SOCIAL ICONS =================================================================================*/ .social-icons{list-style-type: none; float: right; padding-top: .5rem; margin: 0} .social-icons li{ float: left; margin-left:6px;position: relative; } .social-icons li a{ background: url(images/share-icons-sprite.png); text-indent: -99999px; display: block; width:22px; height: 22px;} .social-icons li a.twitter{ background-position: -30px 0px} .social-icons li a.mail{ background-position: -58px 0px} .social-icons li a.print{ background-position: -88px 0px} .social-icons li a.mail:hover{ background-position: -58px -22px} .social-icons li a.print{ background-position: -88px 0px} .social-icons li a.print:hover{ background-position: -88px -22px} .social-icons li:nth-child(2){ margin-right: 5px} .social-icons li:nth-child(2):before{ content:""; height: 16px; width: 1px; background-color: #fff;position: absolute; right:-5px; top:3px } /*====================================================================== 1.11 Selectric Syles ======================================================================*/ .selectricWrapper{position:relative;margin:1rem 0 1rem;width:100%;cursor:pointer;} .selectricResponsive{width:100%;} .selectric,.selector select{position:relative;border-radius:2px;} .selectric .label{ font-size: 12px;font-weight: 300;margin: 0; padding-left: 8px;padding-top: 3px;; color: #666666} .selectric .label, input[type="text"],.selector select{} .selector select{border-width:2px !important} .search input[type="submit"],.selector select{margin-bottom:10px} .selectric .label strong{font-weight:600} .selectric .button{display:block;position:absolute;right:0;top:0;width:30px;height:28px;color:#BBB;text-align:center;font:0/0 a;*font:20px/30px Lucida Sans Unicode, Arial Unicode MS, Arial;padding:0px;background-color:transparent;} .selectric .button:after{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:0;height:0;border:8px solid transparent;border-top-color:#01294c;border-bottom:none;} .selectricHover .selectric{border-color:#CCC;} .selectricHover .selectric .button{color:#888;} .selectricHover .selectric .button:after{} .selectricOpen{z-index:9999;} .selectricOpen .selectric{border-color:#CCC;z-index:9999;} .selectricOpen .selectricItems{display:block;} .selectricDisabled{filter:alpha(opacity=50);opacity:0.5;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .selectricHideSelect{position:relative;overflow:hidden;width:0;height:0;} .selectricHideSelect select{position:absolute;left:-100%;display:none;} .selectricInput{position:absolute !important;top:0 !important;left:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;outline:none !important;border:none !important;*font:0/0 a !important;background:none !important;} .selectricTempShow{position:absolute !important;visibility:hidden !important;display:block !important;} .selectricItems{display:none;position:absolute;overflow:auto;top:100%;left:0;background:#F9F9F9;border:1px solid #CCC;z-index:9998;-webkit-box-shadow:0 0 10px -6px;box-shadow:0 0 10px -6px; } .selectricItems ul,.selectricItems li{list-style:none;padding:0;margin:0;font-size:.78rem;line-height:20px;min-height:20px;} .selectricItems li{display:block;padding:5px;border-top:1px solid #FFF;border-bottom:1px solid #EEE;color:#666;cursor:pointer;} .selectricItems li.selected{background:#EFEFEF;color:#444;border-top-color:#E0E0E0;} .selectricItems li:hover{background:#F0F0F0;color:#444;} .selectricItems li.disabled{background:#F5F5F5;color:#BBB;border-top-color:#FAFAFA;cursor:default;} /*====================================================================== ██████╗ ██████╗ ██╗ ██╗███████╗ █████╗ ██████╗ ███████╗██████╗ ╚════██╗ ██╔═████╗ ██║ ██║██╔════╝██╔══██╗██╔══██╗██╔════╝██╔══██╗ █████╔╝ ██║██╔██║ ███████║█████╗ ███████║██║ ██║█████╗ ██████╔╝ ██╔═══╝ ████╔╝██║ ██╔══██║██╔══╝ ██╔══██║██║ ██║██╔══╝ ██╔══██╗ ███████╗██╗╚██████╔╝ ██║ ██║███████╗██║ ██║██████╔╝███████╗██║ ██║ ╚══════╝╚═╝ ╚═════╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚═════╝ ╚══════╝╚═╝ ╚═╝ ======================================================================*/ .header{background:url(images/nav-back.gif);} .header ul{padding-left:0;margin:0;float:right;} .header ul li{list-style:none;float:left;} .header h1{margin:7px 0} .header .mobile-menu{height:28px;width:29px;float:right;background:url(images/mobile-menu.png);display:none} /*====================================================================== 2.1 Top Menu ======================================================================*/ .top-menu{height:25px;background:url(images/top-menu-back.png) center right repeat-y } .top-menu, .menu{float:right;display:block;width:100%;text-align:right;} .top-menu .search{width:0;overflow:hidden;float:left;} .top-menu .search.active{width:129px} .top-menu a, .menu a{color:#dadada;height:25px;text-decoration:none;vertical-align:middle;display:table-cell;} .top-menu a{font-weight: 400} .top-menu a:hover, .top-menu li:nth-child(3) a:hover{color:#fff;border-color:#fff } .top-menu .language-picker { color: #fff; display: table-cell; vertical-align: middle; } .top-menu .language-picker:before { background:#0057a0; content:""; height:13px; margin-left: 110px; position:absolute; top: 6px; width:1px; } .top-menu .language-label { display: none; font-size: 14px; vertical-align: middle; } .top-menu .language-picker a { display: inline; } .top-menu .language-picker .selected { color: #52B0FF; cursor: default; pointer-events: none; } {content:"";position:absolute;right:-10px;background:#0057a0;width:1px;height:13px;top:6px} {content:"";position:absolute;right:-10px;background:#0057a0;width:1px;height:13px;top:6px} .top-menu li{margin-left:19px;height:25px;display:table;} .top-menu li:last-child img{margin-right:6px; margin-left: 6px} /* For INC0157930 */ /* .top-menu li:nth-child(3){padding-top:2px;height:21px;position:relative;} */ /* .top-menu li:nth-child(3):before{content:"";position:absolute;right:-10px;background:#0057a0;width:1px;height:13px;top:6px} */ /* .top-menu li:nth-child(3) a{color:#52b0ff;width:80px;border:solid 1px #52b0ff;text-align:center;font-weight:600;height:17px} */ .top-menu input,.top-menu form{margin:0} .top-menu input[type="text"]{height:19px;line-height:2px;margin-top:2px;padding:0;width:129px;} .top-menu button.open-search{float:left;margin-bottom:0} /*====================================================================== 2.2 Main Menu ======================================================================*/ .menu a{font-size:17px;height:50px;padding:0 8px;color:#fff;text-shadow:2px 2px 1px #004681;} .menu li:hover,.menu li.active{background-color:rgba(255,255,255,.1)} /*====================================================================== 2.3 DropDown ======================================================================*/ .drop-down{background:#d7e8f4;position:absolute;text-align:left;width:100%;padding-bottom:20px;display:none;z-index:9999999; border-bottom: solid 10px #0059a4; height: auto;} .drop-down a{font-size:12px;color:#003057;text-decoration:none;font-weight: 400;} .drop-down a:hover{color:#0057a0;text-decoration:underline;} .drop-down h2{font-size:14px;color:#003057;border-bottom:solid 1px #003057;margin:24px auto 10px auto;padding-bottom:10px;width:213px;clear:both;position:relative;} .drop-down h2:before{content:">";position:absolute;left:-10px;} .drop-down ul{list-style:none;padding-left:0;width:213px;margin:0 auto 0 auto;} .drop-down li { margin-bottom: 5px; } .drop-down img{margin-top:15px} .product-list h2 { font-weight:400; } .product-list h2 strong{font-weight:700} /*.product-list h2 {font-weight: bold;}*/ .product-list h2 > a{ font-size:14px; font-weight:400; } .resource-center h2 > a{ font-size:14px; font-weight:400; } /*====================================================================== 2.4 Submenu ======================================================================*/ .adult-care,.child-care{background-position:0 65px;padding-bottom:10px;} .adult-care a,.child-care a{display:inline-block;position:relative;} .drop-down.adult-care a, .drop-down.child-care a { display: inline-block; margin-bottom: 11px; margin-left: 0; margin-right: 0; margin-top: 11px; padding-bottom: 14px; padding-left: 50px; padding-right: 0; padding-top: 14px; position: relative; font-size: 14px } .adult-care a img,.child-care a img{ border:solid 3px transparent; border-radius: 100%; opacity: .75} .adult-care a:hover img,.child-care a:hover img{ border:solid 3px #fff; border-radius: 100%; opacity: 1} .adult-care a span,.child-care a span{background:url(images/menu-sprite.png);height:42px;width:42px;position:absolute;top:0;left:0} .drop-down.adult-care .columns:first-child a span{background-position:-105px 0} .drop-down.adult-care .columns:first-child a:hover span{background-position:-106px -47px} .drop-down.adult-care .columns:nth-child(2) a span{background-position:0 0} .drop-down.adult-care .columns:nth-child(2) a:hover span{background-position:0 -47px;} .drop-down.adult-care .columns:nth-child(3) a span{background-position:-51px 0} .drop-down.adult-care .columns:nth-child(3) a:hover span{background-position:-51px -47px} .drop-down.child-care a span{background-position:144px 0} .drop-down.child-care a:hover span{background-position:144px -47px} .drop-down.child-care .columns:nth-child(2) a span{background-position:94px 0} .drop-down.child-care .columns:nth-child(2) a:hover span{background-position:94px -47px} .drop-down.child-care .columns:nth-child(3) a span{background-position:42px 0} .drop-down.child-care .columns:nth-child(3) a:hover span{background-position:42px -47px} /*====================================================================== 3.0 Content ======================================================================*/ .content a{text-decoration: none;} /*===================================================================================================================== ██╗ ██╗ ██████╗ ██████╗ ██████╗ ███╗ ███╗██████╗ ██████╗ ███╗ ██╗███████╗███╗ ██╗████████╗███████╗ ██║ ██║ ██╔═████╗ ██╔════╝██╔═══██╗████╗ ████║██╔══██╗██╔═══██╗████╗ ██║██╔════╝████╗ ██║╚══██╔══╝██╔════╝ ███████║ ██║██╔██║ ██║ ██║ ██║██╔████╔██║██████╔╝██║ ██║██╔██╗ ██║█████╗ ██╔██╗ ██║ ██║ ███████╗ ╚════██║ ████╔╝██║ ██║ ██║ ██║██║╚██╔╝██║██╔═══╝ ██║ ██║██║╚██╗██║██╔══╝ ██║╚██╗██║ ██║ ╚════██║ ██║██╗╚██████╔╝ ╚██████╗╚██████╔╝██║ ╚═╝ ██║██║ ╚██████╔╝██║ ╚████║███████╗██║ ╚████║ ██║ ███████║ ╚═╝╚═╝ ╚═════╝ ╚═════╝ ╚═════╝ ╚═╝ ╚═╝╚═╝ ╚═════╝ ╚═╝ ╚═══╝╚══════╝╚═╝ ╚═══╝ ╚═╝ ╚══════╝ =======================================================================================================================*/ /*============================================================================== 4.1 PRODUCT SLIDER =================================================================================*/ .slider-shadow{background: url("images/slider/shadow.png") repeat scroll 0 0 rgba(0, 0, 0, 0);content: "";height: 229px;position: absolute;right:4.8%;top: 27px;width: 40px;z-index: 999; display: none} .product-slider.owl-theme{ max-width: 82%; margin: 0 0 0 5%} .product-slider.owl-carousel .owl-wrapper-outer{ width: 110%;} .product-slider.owl-theme .owl-controls{ margin:0 } .product-slider img, .product-slider a{display: block;text-align: center;margin: 0 auto; font-size: 12px; color: #354451; font-weight: 400} .product-slider img{margin-bottom: 10px;} .product-slider .category, .product .category{ font-size: 12px;padding-top: 8px;position: absolute;top: 0;width: 100%; height: 36px} .product-slider .owl-item > div, .product{background:#e4e4e4; padding:3rem .5rem 1rem;box-shadow:0 2px 2px -2px #696868 inset, 0 -2px 2px -2px #696868 inset; min-height: 225px} .product-slider .owl-item > div{ padding-top: 3.5rem} .product-grid strong, .product-grid h2, .product-grid .product .category{color:#003057} .product-grid h2 strong { font-size: 24px; } .product-grid strong{font-size: 14px} .product-grid .product { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius: 0 !important; display: table; height: 271px; margin-bottom: 1rem; margin-left: 0; min-height: 225px; padding-left: 20px; padding-right: 0; padding-top: 1rem; width: 25%; } .product-grid .product .category { border-bottom: 1px solid #002F5C; display: block; left: auto; margin-bottom: 1rem; padding-bottom: 5px; padding-left: 0; position: relative; width: 100%; } .product-grid .product a { display: block; line-height: 1.2rem; vertical-align: bottom; font-size: 14px; font-weight: 300; text-align: center; } .product-grid .null.product { margin-bottom: 0; } .product-grid .product a img{margin-bottom: 10px} .product-slider .owl-item > div:before{background-color: #E4E4E4;content: "";height: 96%;left: -2px;position: absolute;top: 3px;width: 4%;z-index: 1;} .product-slider .owl-item.first > div:before{ display: none} .product-slider .owl-item.first > div, .product.first{-webkit-border-top-left-radius: 20px;-webkit-border-bottom-left-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-bottomleft: 20px;border-top-left-radius: 20px;border-bottom-left-radius: 20px; box-shadow: 0 2px 2px -2px #696868 inset, 0px -2px 2px -2px #696868 inset;} .product-slider .owl-item.last > div, .product.last{margin-right: 30px;-webkit-border-top-right-radius: 20px;-webkit-border-bottom-right-radius: 20px;-moz-border-radius-topright: 20px;-moz-border-radius-bottomright: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;} .product-slider .owl-item.last:last-child > div{ margin-right: 0} .other-products{ display: none} /*============================================================================== 4.2 PRODUCT FILTER =================================================================================*/ button.toggle-this{ margin: 0; width: 100%; text-align: left; display: none} button.toggle-this, #ProductGridFilter{ border:solid 1px #002c51; padding:6px 9px; max-width: 61.5em; margin:0 auto; background-color:#f5f3f3; color:#003057;} #ProductGridFilter{margin: 3rem auto} button.toggle-this, #divAllChild .row:first-child label, #divAllAdult .row:first-child .large-12 label, #divAllProducts label{font-size: 23px; font-weight: 300; color: #003057} #divAllProducts{height:117px; font-size: 25px; line-height: 2rem; font-weight: 600} #divAllProducts.highlight, #divAllChild .row > div.highlight, #divAllAdult .row > div.highlight{ color: #fff; background: #003158; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMzE1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDUwOTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #003158 0%, #005091 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003158), color-stop(100%,#005091)); background: -webkit-linear-gradient(top, #003158 0%,#005091 100%); background: -o-linear-gradient(top, #003158 0%,#005091 100%); background: -ms-linear-gradient(top, #003158 0%,#005091 100%); background: linear-gradient(to bottom, #003158 0%,#005091 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003158', endColorstr='#005091',GradientType=0 ); } #divAllChild .row > div.highlight label{color:#fff; font-weight:bold;} .styledCheckbox {display: inline-block; margin-bottom: -4px;margin-top:4px;} #divAllProducts, #divAllChild .row > div, #divAllAdult .row > div, button.toggle-this{ background: #e2e2e2; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmNmY2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e2e2e2 0%, #cfcfcf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#cfcfcf)); background: -webkit-linear-gradient(top, #e2e2e2 0%,#cfcfcf 100%); background: -o-linear-gradient(top, #e2e2e2 0%,#cfcfcf 100%); background: -ms-linear-gradient(top, #e2e2e2 0%,#cfcfcf 100%); background: linear-gradient(to bottom, #e2e2e2 0%,#cfcfcf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#cfcfcf',GradientType=0 ); border: solid 1px #b5b5b5;} #divAllProducts.large-2 {width: 12.6667%;} #divAllProducts label{ font-weight: 300} #divAllChild.large-5 {width: 43.6667%;} #divAllAdult.large-5 {width: 43.6667%;} #divAllChild .large-12, #divAllAdult .row .large-12{ padding-bottom: 6px; padding-left: 0;} #divAllChild .row .large-4, #divAllAdult .row .large-4{border-top: none;} #divAllChild .row .large-4:nth-child(2), #divAllAdult .row .large-4:first-child{ padding-right:30px} #ProductGridFilter .large-4{height:75px; padding-left: 0;} #ProductGridFilter .large-4:nth-child(2){ border-left: 0; border-right: 0} #ProductGridFilter .large-4 input[type="checkbox"] + label span{ float: left;height: 29px;margin: 4px 6px 0 -3px;} #ProductGridFilter input{float: left;margin: 3px 6px;} #ProductGridFilter label{color:#003057; font-weight:400; } #ProductGridFilter .highlight label, #divAllAdult .row:first-child .highlight.large-12 label{color: #fff; font-weight: 600} /* INPUT STYLE */ #divAllProducts input[type="checkbox"] + label{margin:3px 0 0 -2px; line-height: 2rem;} input[type="checkbox"] {display:none;} input[type="checkbox"] + label{margin-right: 0} input[type="checkbox"] + label{font-size: 12px} input[type="checkbox"] + label span { display:inline-block; width:25px; height:25px; margin:-7px 4px 0 -2px; vertical-align:middle; background:url(images/checkboxSmall.png) -2px top no-repeat; cursor:pointer;} input[type="checkbox"]:checked + label span {background:url(images/checkboxSmall.png) -2px -29px no-repeat;} /*============================================================================== 4.3 PRODUCT GRID =================================================================================*/ .product-grid h2{border-bottom: solid 1px;margin-top: 0rem;padding-bottom: 0.5rem;} .product{width:25%;float: left; margin-bottom: 1rem; position: relative;box-shadow: none !important} .product:first-child:before{ display: none} .product img{ display: block; text-align: center; margin: 0 auto;} .product a{color:#354451; font-weight: 400; text-align: left;} .product.first:before{display: none} .product .category{left: 0} body .product.last {margin-right: 1%;width: 24%;} .product.last:nth-child(4n+2){ margin-right: 0} .child, .adult, .subcateogry-products{clear: both;display: block;overflow: hidden;} .product-grid{ margin-bottom: 0} /*============================================================================== 4.4 RECOMMENDED PRODCUTS =================================================================================*/ .recommended-products p{line-height: 1rem; margin: 1rem 22%; font-size: .8rem; color: #354451} .recommended-products h2{border-bottom: solid 1px; padding-bottom: .5rem;margin:1rem 0 2rem 0; color: #003057; font-weight: 300;} .recommended-products a{display: block; font-size: 12px; font-weight:600; color: #354451} .recommended-products strong{font-size: inherit; color: #354451; font-weight: 400} .recommended-product{height: auto; text-align: center; display: table; width: 100%} .recommended-product div{ display: table-cell; vertical-align: bottom;} /*====================================================================== 4.5 Home Slider ======================================================================*/ .promo-1,.promo-2,.promo-3,.promo-4,.promo-5,.promo-6, .promo-7,.promo-8,.promo-9,.promo-10,.promo-11,.promo-12, .bubble-slide, .left-image{overflow:hidden;display:table;width:100%;position:relative; background-size:auto 100%} /* Left image slide */ .left-image .slider-image{ float: left;} .left-image .slider-content{text-align: left;} .left-image .slider-content a{display: inline-block;} .left-image .slider-content h1{ width: 100%; max-width: 590px} .left-image .slider-content .content-wrapper{float: left;} /* Bubble slide */ .bubble-slide .slider-content .content-wrapper h1, .bubble-slide .slider-content .content-wrapper a{ font-weight: 400} .bubble-slide .slider-content .content-wrapper a, .bubble-slide .slider-content .content-wrapper h2{color:#fff} .bubble-slide .slider-content .content-wrapper h1{font-weight: 300; width:100%;max-width: 500px; color: #fff;margin-bottom: 0} .bubble-slide .slider-content .content-wrapper {margin-right:17%} .bubble-slide .slider-content .content-wrapper .new-promo4{position: absolute; top:0} .bubble-slide .slider-image img{ width:86%;} .slider-image, .slider-content{float:right;} .slider-image{width:115%;display:block;display:table-cell;} .slider-image img{width:100%} .slider-content{display:table-cell;vertical-align:middle;width:60%;max-width:660px;position:relative;float:none; } .slider-content img{/*max-width:33%;*/vertical-align:top} .slider-content h1{font-size:2.5rem;color:#00284b;margin:0 0 1rem; width: 100%; ;} .slider-content a{color:#012849;font-style:italic;font-size:1.2rem; display: block;margin-bottom: 1rem; font-weight: 700} .content-wrapper{ max-width: 800px; float:right; margin-right: 10%; margin-left: 10%} /*====================================================================== 4.6 Testimonials ======================================================================*/ .tabs-wrapper .more{width: 160px; text-align: center} .testimonials, .tabs-wrapper{background-color: #e9e9e9; overflow: hidden; margin-bottom: 0px} .testimonials h3, .tabs-wrapper h3{ text-align: center; margin-bottom: 1.5rem; /*color:#031d3a*/ color:#003057; font-size: 1.96rem; font-weight: 300; line-height: 2.5rem;} .tabs-wrapper .columns.large-12 h3{ font-size: 31px;} .testimonials h3{font-weight: 400} .tabs-wrapper h3 strong{ font-weight: 400} .testimonials-slider p{ margin-bottom: .5rem; line-height: 1rem; color: #354451; font-weight: 400;} .testimonials-slider{max-width: 980px;margin:0 auto;padding:30px 50px 10px; background-color: #fff; -moz-box-shadow: 0px 0px 13px #999;-webkit-box-shadow: 0px 0px 13px #999; box-shadow:0px 0px 13px #999; margin-bottom: 30px} .testimonials-slider .owl-item div{margin:0 9px;background-color: #d1e2eb; padding: 20px; overflow: hidden;padding: 0 20px; border:solid 1px #eeeeee; margin-bottom: 30px} .testimonials-slider .owl-item div:before{content: "";height: 30px;width: 29px;background-color: red;display: block;position: absolute;bottom:1px;right: 30px;background: url(images/corner.gif);} /*============================================================================== ███████╗ ██████╗ ████████╗███████╗███╗ ███╗██████╗ ██╗ ███████╗████████╗███████╗███████╗ ██╔════╝ ██╔═████╗ ╚══██╔══╝██╔════╝████╗ ████║██╔══██╗██║ ██╔════╝╚══██╔══╝██╔════╝██╔════╝ ███████╗ ██║██╔██║ ██║ █████╗ ██╔████╔██║██████╔╝██║ █████╗ ██║ █████╗ ███████╗ ╚════██║ ████╔╝██║ ██║ ██╔══╝ ██║╚██╔╝██║██╔═══╝ ██║ ██╔══╝ ██║ ██╔══╝ ╚════██║ ███████║██╗╚██████╔╝ ██║ ███████╗██║ ╚═╝ ██║██║ ███████╗███████╗ ██║ ███████╗███████║ ╚══════╝╚═╝ ╚═════╝ ╚═╝ ╚══════╝╚═╝ ╚═╝╚═╝ ╚══════╝╚══════╝ ╚═╝ ╚══════╝╚══════╝ =================================================================================*/ /*============================================================================== 5.1 ARTICLES TEMPLETE =================================================================================*/ .articles-wrapper .light-blue-back{padding:3rem 0;-moz-box-shadow:inset 0 20px 20px -20px #333, inset 0 -20px 20px -20px #333;-webkit-box-shadow:inset 0 20px 20px -20px #333, inset 0 -20px 20px -20px #333;box-shadow:inset 0 20px 20px -20px #333, inset 0 -20px 20px -20px #333;} .article-slider{padding: 2rem 0; background-image: url(../img/articles/slider-1.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; } .articles-wrapper .light-blue-back h1{ text-align: left; font-size: 1.88rem; font-weight: 300; margin: 0 } .articles-wrapper .light-blue-back h1 strong{ font-weight: 400} .articles-wrapper .blue-back h1{ text-align: left; font-size: 1.88rem; font-weight: 300; margin: 0 } .articles-wrapper .blue-back h1 strong{ font-weight: 400} .article-slider h1, .article-slider h2, .article-slider h3{ text-align: center; max-width: 40%; margin: 0 auto;} .articles-wrapper .adult-care, .articles-wrapper .child-care{ padding-bottom: 0} .experts-articles, .article-flex{background: #b4ceea; padding-bottom: 1rem; position: relative; margin-top: 10px} .article-flex { font-size: 14px; color: #00284b; } .experts-articles:before{content: "";left:33%;position: absolute;width: 33.3333%;border: solid 1px #144a8b;bottom: 0;top: 0;height:92%;display: block;margin: .6rem 0;border-top: 0;border-bottom: 0;} .experts-articles h4{ color: #003057;font-size: 18px;font-weight: 300;margin-bottom: 1rem;margin-top: 0.5rem;} .experts-articles ul{ padding-left: 15px; margin-top:12px} .experts-articles .columns:nth-child(2) ul{ padding-left: 15px} .experts-articles li{ margin-bottom:30px; list-style-image: url(images/arrow.png);} .experts-articles a{ font-size: 1rem; font-weight: 400; color: #003057} .article-slider .hero-slider h2{color: #0062b4; font-weight: 700; margin: 1rem auto 0; font-size: 1.9rem; line-height:2.5rem} .article-slider .hero-slider h3{color: #0062B4;font-size: 16px;line-height: 1.5rem;margin-top: 1rem} .article-slider .hero-slider a { text-decoration: underline;} .article-slider .row {max-width: 100%;} .article-slider .columns{padding: 0} .article-slider h1, .article-slider h2, .article-slider h3{max-width:30%;} /*============================================================================== 5.1.2 ARTICLES TEMPLETE "Homeophatic-Herbal" =================================================================================*/ .homeopatic-herbal-title{ margin: 2rem 0 4rem 0} .homeopatic-herbal-title .columns.large-12 h1{font-size: 28px} .homeopatic-herbal .row:first-child .natural-teething-first-title h3{ background-color: #e8f3fc} .homeopatic-herbal .row:first-child .natural-teething-second-title h3{ background-color: #eafce8; left: -3%; position: relative; z-index: -1} .homeopatic-herbal .row:first-child .natural-teething-first-title h3, .homeopatic-herbal .row:first-child .natural-teething-second-title h3{text-align: center; width: 103.3%; padding:1rem; font-size: 1.5rem; margin: 0} .homeopatic-herbal .row:first-child .natural-teething-wrapper{background: none} .homeopatic-herbal .row:first-child .natural-teething-image > img {margin-top:0%;} .homeopatic-herbal .row .columns { margin-bottom:1.5rem} .natural-teething-wrapper { background: #e8f3fc; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlOGYzZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlYWZjZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #e8f3fc 50%, #eafce8 50%); background: -webkit-gradient(linear, left top, right top, color-stop(50%,#e8f3fc), color-stop(50%,#eafce8)); background: -webkit-linear-gradient(left, #e8f3fc 50%,#eafce8 50%); background: -o-linear-gradient(left, #e8f3fc 50%,#eafce8 50%); background: -ms-linear-gradient(left, #e8f3fc 50%,#eafce8 50%); background: linear-gradient(to right, #e8f3fc 50%,#eafce8 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f3fc', endColorstr='#eafce8',GradientType=1 ); overflow: hidden; } .natural-teething-first-title, .natural-teething-second-title{width: 44.5%} .natural-teething-image{width:10%; min-width: 99px} .natural-teething-first-title, .natural-teething-second-title, .natural-teething-image{ display: table-cell; vertical-align: middle; } .natural-teething-wrapper h3{ margin:8% 19%; color: #00284b} .natural-teething-wrapper .natural-teething-first-title h3{ margin:8% 19% 8% 28%} .references{ margin-bottom: 2rem; font-size: 90%; text-align: center;} .references a{font-size: inherit; font-weight: inherit; color:#005eab; text-decoration: underline; } .references p{ line-height: .8rem; font-size:10px; margin: 0} #recommended-slider .prodName { font-size: 14px; } #recommended-slider .strength { font-size: 12px;text-transform: uppercase; } /*============================================================================== 5.1.3 ARTICLES TEMPLETE "FLEX" =================================================================================*/ .article-flex{background-color:#d3eafc; margin-bottom: 2rem; line-height:1.3rem } .article-flex strong{ color:#00284b} .article-flex ul, .article-flex strong, .article-flex p, .article-flex a{font-size: 14px;} .article-flex ul{ margin-top: 0; margin-bottom: 1%;color: #00284b;font-weight:300;} .article-flex h3 {margin-top:0%;font-weight: 400;margin-bottom: .5rem;font-size: 18px;color: #00284b} .article-flex a{text-decoration: underline;font-weight: 300;color: #005eab; } .article-flex img{margin: 1% 0 0 3%} /*============================================================================== 5.2 SUBCATEGORY =================================================================================*/ .sub-category .blue-back{ padding: 0} /*============================================================================== 5.2.1 SUBCATEGORY "CHILD CARE" =================================================================================*/ .child-oral-care .blue-back{ background: url(images/child-care-back.jpg);} .child-oral-care .breadcrumbs > *:before{ color: inherit;} .child-oral-care .roll-over-content:before{ background-image: url(images/child-grow.png); background-repeat: repeat-x; height: 15px; width: 20px; content: ""; position: absolute; width: 100%; bottom: 0} .child-oral-care .icon-teething-relief, .child-oral-care .icon-toothache-relief, .child-oral-care .icon-learning-brush{ background: url(images/childs.png) 0 -30px;float: left;height: 80px;left: 10px;position: absolute;top: -15px;width:62px;} .child-oral-care .roll-over-content h2 {color: #004D8D; margin:1.2rem 1rem 0 5rem; font-size: 1.1rem; font-weight: 300;} .child-oral-care .roll-over-content a{display: block} .child-oral-care .roll-over-content a.more{display:inline-block;} .child-oral-care .sub-category-menu .active .roll-over-content h2{color:#fff} .child-oral-care .sub-category-menu .active .roll-over-content:hover h2{color: #004d8d;} .child-oral-care .sub-category-menu .active .icon-teething-relief{background-position: 0 -130px} .child-oral-care .sub-category-menu .active:hover .icon-teething-relief{background-position: 0 -30px} .child-oral-care .sub-category-menu .active .icon-teething-relief{background-position: 0 -130px} .child-oral-care .sub-category-menu .active:hover .icon-teething-relief{background-position: 0 -30px} .child-oral-care .sub-category-menu .active .icon-toothache-relief{background-position: -61px -125px} .child-oral-care .sub-category-menu .active:hover .icon-toothache-relief{background-position: -61px -22px} .child-oral-care .sub-category-menu .active .icon-learning-brush{background-position: -101px -102px} .child-oral-care .sub-category-menu .active:hover .icon-learning-brush{background-position: -100px 0px} .child-oral-care .roll-over-content:hover{background-position: 0 bottom} .child-oral-care .columns:nth-child(2).large-4.medium-4 .roll-over-content h2, .child-oral-care .columns:nth-child(3).large-4.medium-4 .roll-over-content h2{ margin-left: 2.5rem} .child-oral-care .roll-over-content p{ margin-top: 1px; color:#004d8d} .child-oral-care .roll-over-content:hover{ height: 213px} .child-oral-care .icon-toothache-relief{ background-position: -63px -23px;top: -27px;width: 38px;} .child-oral-care .icon-learning-brush{ background-position: -100px 0;height: 100px;top: -50px;width: 38px;} .tabs-content .inline-list li:last-child{ float: right; border: none; margin-right:.5rem} .tabs-content .inline-list li:last-child a{ color: #003057; text-decoration: underline; text-align: right;max-width: 180px; } .child-oral-care .experts-articles-wrapper, .articles-wrapper .light-blue-back{background: url(images/article-child-care-back.jpg);} .child-oral-care .testimonials h3{ font-weight: 300} .sub-category.child-oral-care .blue-back{ overflow: visible;} .sub-category.child-oral-care .roll-over-content{ position: absolute; background:none; overflow: hidden; top: 1.5rem; bottom: 0; z-index: 9 } .sub-category.child-oral-care .roll-over-content:hover{ background:#fff} .sub-category.child-oral-care .sub-category-menu{height: 96px;margin-bottom: 0; background: url(images/child-grow-white.png) no-repeat center bottom;} .sub-category.child-oral-care .sub-category-menu a{width: auto; height: auto; font-size: 13px;} .sub-category.child-oral-care .roll-over-content:before{display: none} .sub-category.child-oral-care .sub-category-menu .columns.large-4.medium-4.small-4 {height: 96px;} .sub-category.child-oral-care .sub-category-menu .arrow-right{background-image: url(images/white-arrows.png); background-size: 100%; background-position: 0 0 } .sub-category.child-oral-care .icon-teething-relief {top: -3px} .sub-category.child-oral-care .icon-toothache-relief{ top:-8px;left: 15px} .sub-category.child-oral-care .icon-learning-brush{ top:-34px; left: 15px} .sub-category.child-oral-care .icon-toothache-relief, .sub-category.child-oral-care .icon-teething-relief, .sub-category.child-oral-care .icon-learning-brush{z-index:99} .sub-category.child-oral-care .promo-1 .slider-content > h1 {width:200%;} .sub-category .product-slider-wrapper .category, .owl-carousel.product-slider .category{ display: none} .sub-category .product-slider-wrapper .first .category, .owl-carousel.product-slider .first .category{display: block;} .owl-item.active.first.last .category{ text-align: center; padding-left: 0} .Adult.product-slider .category, .Child.product-slider .category{ font-size: 14px; color:#003057; padding-left: 10px; z-index:99} .Adult.product-slider.product-slider .owl-item > div, .Child.product-slider.product-slider .owl-item > div{ min-height: 225px;padding-top: 2.5rem; } .Adult.product-slider.product-slider .owl-item.first, .Child.product-slider.product-slider .owl-item.first{ /*z-index: 0*/} .Adult.product-slider.product-slider .owl-item.first:before, .Child.product-slider.product-slider .owl-item.first:before{ background-color: #E4E4E4; content: ""; height: 98%; right: -5px; position: absolute; top: 3px; width: 4%; z-index: 1; } .Adult.product-slider.product-slider .owl-item.first.last .category, .Child.product-slider.product-slider .owl-item.first.last .category{ padding: 4px; text-align: center; width: auto !important; } .Adult.product-slider.product-slider .owl-item.first.last:before, .Child.product-slider.product-slider .owl-item.first.last:before{ display: none; } /*============================================================================== 5.2.2 SUBCATEGORY "PRODUCT SLIDER" =================================================================================*/ .product-slider-wrapper{ position: relative; max-width: 1000px; margin: 0 auto; padding-bottom: 35px} .product-slider-wrapper .slider-shadow{ top: 40px; right: 41px} .product-slider-wrapper .product-slider .owl-item > div{height: 200px; box-shadow: none} .product-slider-wrapper .product-slider .owl-item.last > div, .product-slider-wrapper .product.last{ margin-right: 10px;} .product-slider-wrapper .category{display: block; z-index: 9999999; text-align: center; border-bottom: solid 2px #003057; margin-left:0%; padding-bottom: .5rem; text-transform: uppercase;} .owl-item.first {z-index: 999;position: relative;} /*============================================================================== 5.2.3 SUBCATEGORY "ARTICLES WRAPPER" =================================================================================*/ .articles-wrapper .adult-care a, .articles-wrapper .child-care a{ margin: 0; min-height: 39px} .articles-wrapper .blue-back{padding: 2rem 0; overflow: hidden;} .articles-wrapper .adult-care{display: block !important;padding-top: 7px;} .articles-wrapper .adult-care a{ display: block; margin: 0;display: block;width: 100%} .articles-wrapper .adult-care a span{background: url(images/menu-sprite.png); } .articles-wrapper .adult-care .columns a span{background-repeat: no-repeat;} /*============================================================================== 5.2.4 SUBCATEGORY "ARTICLES ADULT CONTROL" =================================================================================*/ .articles-wrapper .adult-care .columns:nth-child(3) a span {background-position:0px -47px} .articles-wrapper .adult-care .columns:nth-child(3) a:hover span {background-position:0 0} .articles-wrapper .adult-care .columns:nth-child(2) a span {background-position:-106px -47px} .articles-wrapper .adult-care .columns:nth-child(2) a:hover span {background-position:-105px 0} .articles-wrapper .adult-care .columns:last-child a span {background-position: -51px -47px;} .articles-wrapper .adult-care .columns:last-child a:hover span {background-position: -51px 0px;} /*============================================================================== 5.2.5 SUBCATEGORY "ARTICLES CHILD CONTROL" =================================================================================*/ .articles-wrapper .child-care .columns:nth-child(2) a span { background-position: 144px -47px;} .articles-wrapper .child-care .columns:nth-child(2) a:hover span { background-position: 144px -0;} .articles-wrapper .child-care .columns:nth-child(3) a span {background-position:94px -47px} .articles-wrapper .child-care .columns:nth-child(3) a:hover span { background-position: 94px 0;} .articles-wrapper .child-care .columns:last-child a span {background-position: 41px -47px;} .articles-wrapper .child-care .columns:last-child a:hover span { background-position: 41px 0;} /*============================================================================== 5.2.6 SUBCATEGORY "EXPERTS ARTICLES" =================================================================================*/ .articles-wrapper .adult-care a:hover span{ opacity: 1;} .articles-wrapper .experts-articles, .article-flex{ padding: 1rem .5rem; border-top: solid 1px #fff; margin-top: 5px} .articles-wrapper .experts-articles:before{display: none;} .articles-wrapper .experts-articles li{ height: 41px; margin-bottom: 0} /*.articles-wrapper .experts-articles li a{font-weight: 400}*/ .articles-wrapper .experts-articles a strong {font-weight: 300;} .articles-wrapper .see-more{ color: #fff; padding: .8rem 0; display: block; font-style: italic; font-size: .8rem; font-weight: 600; text-align: right; background: url(images/article-arrow.png) no-repeat center right; padding-right: 15px} .articles-wrapper {margin-bottom: 1rem;} .articles-wrapper h2{margin: 0; text-align: left;} /*============================================================================== 5.2.7 SUBCATEGORY "PRODCUT SLIDER FILTER" =================================================================================*/ .product-slider-filter{ overflow: hidden; clear: both; list-style: none; margin: 23px 0; text-align: center; padding-left: 0} .product-slider-filter li{ display: inline-block; min-height: 42px;} .product-slider-filter li:last-child a:after{display: none} .product-slider-filter li a.active:after{right: -5px;} .product-slider-filter li a{font-size: 24px; display: block; padding:.5rem 1rem;position: relative;} .product-slider-filter li a:after{content: ""; height: 30px; float: right; width: 1px; background-color: #002C51; margin-top:-2px; position: absolute; right: 0} .product-slider-filter li a.active{font-weight: 400; border: solid 1px } .product-slider-filter li a:hover{text-decoration: underline;} .product-slider-filter li div{display: none } .product-slider-filter li span.category{display: none} /*============================================================================== 5.2.8 SUBCATEGORY "MENU" =================================================================================*/ .sub-category-menu{ margin: .5rem 0} .sub-category-menu a{display: table} .sub-category-menu a.more{ font-size: 1.1rem; display: block; position: relative; z-index: 99;height: 88px; display: table; width: 100%} .sub-category-menu .active a, .sub-category-menu a.active{ color: #fff;} .sub-category-menu a .label:after{ background: url("images/white-arrows.png");content: "";position: absolute; height: 25px;right: 0;top: 37%;width: 25px;} .sub-category-menu a:hover{ color: #fff} .sub-category-menu a span.label{ display: table-cell; vertical-align: middle; padding-left:1rem; padding-right: 3rem; font-size: 1.1rem} .sub-category-menu a span.icon-cold-sore, .sub-category-menu a span.icon-toothache, .sub-category-menu a span.icon-mouth-canker{ background: url("images/adult-oral-menu-sprite.png") -3px -88px no-repeat;height: 84px;left: 0;position: relative;top: 0;width: 84px;z-index: 1;} .sub-category-menu a span.icon-toothache{ background-position:-92px -88px } .sub-category-menu a span.icon-mouth-canker{ background-position:-181px -88px }{ background-position:-92px -88px } .sub-category-menu a:hover span.icon-cold-sore,.sub-category-menu a.active span.icon-cold-sore,.sub-category-menu .active a span.icon-cold-sore{ background-position:0px 0px} .sub-category-menu a:hover span.icon-toothache,.sub-category-menu a.active span.icon-toothache,.sub-category-menu .active a span.icon-toothache{ background-position: -90px 0} .sub-category-menu a:hover span.icon-mouth-canker,.sub-category-menu a.active span.icon-mouth-canker,.sub-category-menu .active a span.icon-mouth-canker{ background-position: -182px 0} /*============================================================================== 5.2.9 SUBCATEGORY "SLIDER" =================================================================================*/ /*============================================================================== 5.2.10 SUBCATEGORY TAGLINE =================================================================================*/ .sub-category .tagline{ background-color:#efefef ;background-image:none } .sub-category .tagline h2{color:#003057; font-weight:400; } /*============================================================================== 5.3 PRIVACY POLICIE =================================================================================*/ .privacy-policy{color: #002c51} .privacy-policy p, .privacy-policy strong, .privacy-policy ul{ line-height: 1.2rem; font-size: .75rem; color: #002c51} /*============================================================================== 5.4 COUPONS =================================================================================*/ #coupons_form_container h2{ text-align: center; color: #003057; font-weight: 400; font-size: 1.5rem; margin-bottom: 2rem} #coupons_form_container {color: #666666; font-size: .75rem; font-weight: 700} #coupons_form_container input, #coupons_form_container select, textarea, #coupons_form_container .selectricWrapper, input, .selectricWrapper{ margin: 1rem 0; border-radius: 3px; border: solid 1px #ddd; box-shadow:0px 1px 3px 0px #ddd inset; height: 30px; padding: 0; color: #666666; font-weight: 300; font-size: 12px; padding-left: 0px} .columns.error_message{ display:none; width: auto; float: right;color: red; } .error_asterisk{ color: red} /*============================================================================== 5.6 PRODUCT DETAIL TEMPLETE =================================================================================*/ .product-detail h1{ font-size: 32px;font-weight:400;margin: 1rem 0 2rem;max-width:90%;text-align: left;} .product-detail .blue-back{background: url(images/product-detail-back.jpg); background-size:auto 100% } .product-detail .blue-back p, .product-detail .blue-back ul{ font-size:1rem; color: #fff; line-height: 1.2rem; font-weight: 300;} .product-detail .blue-back ul{padding-left: 15px; padding-top: .5rem} .product-detail .blue-back ul li{margin-bottom: .2rem; font-size: 14px} .product-detail .blue-back a{ display: inline-block; font-weight: 300;} .product-detail .blue-back a.more{ font-weight: 400; padding: .5rem 2rem;} .product-detail .blue-back .columns.large-8.medium-8 > a{ color: #fff; margin-top: .5rem; position: relative; } .product-detail .blue-back .columns.large-8.medium-8 > a:before{ content: ""; width: 1px; height: 15px; top:0px; background-color: #fff;position: absolute; left: -30px} .product-detail .breadcrumbs{ margin-bottom: 1rem; float: left;} .product-detail .testimonials-slider{ margin-bottom: 0} .product-detail .content{padding: 1rem} .product-detail .content h1{width: 100%; max-width: 100%; font-weight: 300} /* 5.6.1 Tab 1 */ .product-detail .tabs-wrapper{padding-top: 3rem} .product-detail .tabs-wrapper .tabs dd > a{font-size: 1.1rem} .product-detail .tabs-wrapper .tabs dd.active a{height: 40px} .product-detail .tabs-content .content:first-child h3, h3.number{ text-align: left; color: #00336e; text-transform: uppercase; font-weight: 600; margin:1rem 0 0 -12px; padding-left: 1%; font-size: 1.4rem } .product-detail .tabs-content .content:first-child h3 span, h3.number span{ border: 5px solid #00336E; border-radius: 100%;display: inline-block;font-weight: 800;margin-right: 1%;padding:0px 13px 0px;} .product-detail .tabs-content .content:first-child img{ display: block; margin:0 auto;} .product-detail .tabs-content .content:first-child p{color: #545454; font-size: 12px; line-height: 1rem; padding-right:15%} .product-detail .tabs-content .content:first-child .owl-item > div{margin:0 1.5rem;} .product-detail .tabs-content .content:first-child{ background: url(images/dispose.png) no-repeat center 43%;} .product-detail .tabs-content .content.standard:first-child{background: none; padding-left: 3rem} .extra-item{margin-bottom: 0;margin-top: 7%;max-width: 25%;padding-left: 3.5%;} /* 5.6.3 Tab 3 */ .product-detail #panel2-3 h2{border-bottom: solid 1px; margin-top: 0; color: #00284b; font-weight: 300 } .product-detail #panel2-3 .row:last-child{ padding: 0 3rem} /* 5.6.4 Tab 4 */ .product-detail .tabs-content h1{ margin-left: 1%; color:#00284b; font-weight: 300;margin-top: 1rem} .product-detail #panel2-4 .testimonials-slider{padding-top: 0; box-shadow: none;} /* resource-center */ .resource-center .light-blue{background-color: #EDF4FB} .brightcovePlayer { display: inline-block; position: relative; margin: 15px auto; width: 100%; } .brightcovePlayer:after { padding-top: 56.25%; display: block; content: ''; } .brightcovePlayer iframe { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; } .sourceText { font-size: 12px; margin: 20px; } .playerContainer { width: 100%; } /*Below is a hack for firefox, if a iframe has getComputedStyle but is set to display none it will return null on the getComputedStyle check. https://bugzilla.mozilla.org/show_bug.cgi?id=548397 */ #panel2-5 { display: block; visibility: hidden; position: absolute; } #panel2-5.active { visibility: visible; position: relative } /*============================================================================== 5.7 Where to buy =================================================================================*/ .where-to-buy .columns{padding-left: 1rem; padding-right: 1rem} .where-to-buy .columns.large-6.medium-6 .columns { padding-left: .5rem; padding-right: .5rem} .where-to-buy h1{margin-bottom: .4rem} .where-to-buy h2{border-bottom: solid 1px; padding-bottom: 5px;margin-bottom: 0.8rem; text-align: left; color: #003057;} .where-to-buy label{font-size: .75rem; text-align: right; color: #666666} .where-to-buy .selectricWrapper, .where-to-buy input, a.blue-button, a.gray-button{margin: 0 0 2rem;} .where-to-buy .more{float: right;} .require{ color: #FE0000;float: right;font-size: 0.7rem;margin-bottom: 0.8rem;} .logos img{ margin:.65rem 0} .store{background-color: #e4f2fe; padding:.5rem; margin-top: 1rem} .store-name{ color: #003057;font-size: 14px;font-weight: 600;} .store-distance{float: right;color: #005ca8; font-size: 14px} .logos{text-align: center} .store-address{position: relative; border-bottom: solid 1px #00294b; padding:0 0 1rem; margin:0 0 1rem } .store-address p{width: 60%; font-weight: 300; color: #003057} a.store-location{position: absolute; right: 0; bottom: 2.3rem; color:#005ca8; text-decoration: underline; margin-right: 30px ; font-size: 14px; } .location-icon {background: url("images/location-icon.png");display: block; height: 22px;position: absolute;right: -22px;top: -9px;width: 16px;} .error_message{display: none} /*====================================================================== 5.8 HOME ! ======================================================================*/ .tagline{background:#0059a4;color: #FFFFFF;margin: 0; text-align: center;} .tagline h2{color: #FFF; font-size: 1.9rem} .oral-care{ background: url(images/oral-care-baby.png) no-repeat; position: relative; } .oral-care:before{ background: url(images/oral-care-men.png) no-repeat top; content: ""; height: 100%; position: absolute; width: 360px; right: 0} .oral-care h3{ margin:38px 0 30px; font-size: 2rem } .oral-care a{ text-decoration: none; color: #003057; display: block; font-size: 14px; font-weight:400 } .oral-care a:hover{ text-decoration:underline;color: #0057a0;} .oral-care a:hover span{ background-position: -205px -105px; } .oral-care a span{display:block;width: 95px;height:94px;background:url(images/oral-care.png);background-position: -205px 0px ; margin-bottom: 20px} .oral-care ul{list-style-type:none;padding:0; margin-bottom: 10.5%} .oral-care li{text-align:center;width:95px;display:inline-block; vertical-align: top} .oral-care .adult-oral-care{ margin-left: 4%; margin-right: -4%} .oral-care .adult-oral-care h3{ padding-left:5%; color:#003057;font-weight:300;} .oral-care .adult-oral-care li{ margin-right:10%} .oral-care .adult-oral-care li:nth-child(2) a span{ background-position: 0px 0px} .oral-care .adult-oral-care li:nth-child(2) a:hover span{ background-position: 0px -105px} .oral-care .adult-oral-care li:nth-child(3) a span{ background-position: -102px 0px} .oral-care .adult-oral-care li:nth-child(3) a:hover span{ background-position: -102px -105px} .oral-care .child-oral-care{ margin-right: 4%; margin-left: -4%;text-align: right;} .oral-care .child-oral-care h3{ padding-right: 5%; color:#003057; font-weight: 300; } .oral-care .child-oral-care li{margin-left:10%} .oral-care .child-oral-care li:first-child a span{ background-position: 296px 0} .oral-care .child-oral-care li:first-child a:hover span{ background-position: 296px -105px} .oral-care .child-oral-care li:nth-child(2) a span{ background-position: 194px 0} .oral-care .child-oral-care li:nth-child(2) a:hover span{ background-position: 194px -105px} .oral-care .child-oral-care li:nth-child(3) a span{ background-position: 95px 0} .oral-care .child-oral-care li:nth-child(3) a:hover span{ background-position: 95px -105px} div.columns.large-6.medium-6.adult-oral-care {float: right;} div.columns.large-6.medium-6.child-oral-care {float: left;} /*====================================================================== 5.9 About Us ========================================================================*/ .about-us h2{ margin-bottom: 2rem; border-bottom: solid 1px #002c51; padding-bottom: .5rem; color: #003057; font-weight:300; } .about-us .row:last-child{ margin-bottom: 4rem} .about-us p{ margin-top: 0} .vertical-middle{ display: table; height: 180px;padding: 0px 20px 20px 0; } .vertical-middle p {display: table-cell;vertical-align: middle;width: 63%;padding-left: 30px;} .vertical-middle img{ margin-right:20%} .remark{ margin:3rem 0 2rem 0} .remark:last-child{ margin-top: 0} .remark h2, .remark p{ font-weight:700; margin: 0 } .remark h2{ border-bottom:none; margin-top: 2rem} /*====================================================================== 5.10 SUBCATEGORY "ADULT CARE" Submenu ========================================================================*/ .roll-over{ position: relative;overflow: hidden;} .roll-over-content{ background: rgba(255,255,255, .8); position: absolute; bottom: 0; width: 100%; height: 70px } .roll-over-content h2{margin: 0;text-align: left;color: #004d8d;margin: 0.8rem 1rem 0 82px;min-height:45px;text-align: left; font-size:19px } .roll-over-content p{ margin-left: 1rem; margin-right: .5rem; line-height: 1.2rem; font-size: 12px} .roll-over-content a{margin-left: 1rem;} .roll-over-content .arrow-right{ background-position: 90px -31px;background-size: auto 331%;height: 27px;position: absolute;right:0;top: 15px;width: 27px;} .roll-over-content:hover{ height: 230px;} .roll-over-content .icon-cold-sore, .roll-over-content .icon-toothache, .roll-over-content .icon-mouth-canker{background-size: auto 169px;float: left;height: 80px;width: 80px; position: absolute; left:4px; top:-15px} .roll-over-content .icon-toothache {background-position: -174px 0;} .roll-over-content .icon-mouth-canker {background-position: -87px 0;} .sub-category .roll-over-content .arrow-right{right:12%;} .blue-back .roll-over-content h2 {padding-left: 4px;padding-right: .6rem;} /*====================================================================== 5.11 Search Results ========================================================================*/ .container .search input {font-weight: 400; font-size: 12px} .container .search input + input{position: absolute;top:8px;right:20px;cursor: pointer; background: url(images/search-icon.png); background-color: transparent; background-repeat: no-repeat;border:none; box-shadow: none; text-indent: -999999px; width:17px;} .searchpager{text-align: center;} .search-results-wrapp a:first-child {font-size: 1em;font-weight: 400;} .search-results-wrapp a {color: #005eab;} .search-results-wrapp span a:first-child {text-decoration: underline;font-weight: 300;font-size:.8rem;} .search-results-wrapp hr {background-color: #CCCCCC;display: block;float: left;margin: 1rem 0.5rem;width: 98%;} .search-results-wrapp span {display: block; font-size: 14px; color: #1b6bb1; margin-top: 5px} /*========================================================================== ██████╗ ██████╗ ███████╗ ██████╗ ██████╗ ████████╗███████╗██████╗ ██╔════╝ ██╔═████╗ ██╔════╝██╔═══██╗██╔═══██╗╚══██╔══╝██╔════╝██╔══██╗ ███████╗ ██║██╔██║ █████╗ ██║ ██║██║ ██║ ██║ █████╗ ██████╔╝ ██╔═══██╗ ████╔╝██║ ██╔══╝ ██║ ██║██║ ██║ ██║ ██╔══╝ ██╔══██╗ ╚██████╔╝██╗╚██████╔╝ ██║ ╚██████╔╝╚██████╔╝ ██║ ███████╗██║ ██║ ╚═════╝ ╚═╝ ╚═════╝ ╚═╝ ╚═════╝ ╚═════╝ ╚═╝ ╚══════╝╚═╝ ╚═╝ ============================================================================*/ .footer{text-align:center;background-color:#005eac;overflow:hidden;padding:22px 0;color:#fff;background:url(images/footer-back.gif); margin-top: 1rem; width: 100%} .footer small{max-width:960px;display:inline-block;line-height:.8rem;} .footer a{color:#fff;text-decoration:none;text-transform:uppercase;} .footer ul{width:100%;display:block;list-style-type:none;padding:0; margin-top: 26px} .footer ul a{font-weight:400;font-size:16px;} .footer ul a:hover{text-decoration:underline;} .footer ul li{display:inline-block;margin:0 12px;position:relative;} .footer ul li:before{height:12px;width:1px;background:#fff;content:"";position:absolute;right:-13px;top:3px} .footer ul li:last-child:before{display:none} .footer p:first-child{text-transform:uppercase;} .footer p a{font-size:1rem;text-transform:none;margin-left:20px} .footer p{font-size: 16px;font-weight: 300;color: #FFFFFF; margin: 2rem} .footer p small{ color: #fff} /*==================================================================================================================== ███████╗ ██████╗ ███╗ ███╗███████╗██████╗ ██╗ █████╗ ██████╗ ██╗ ██╗███████╗██████╗ ██╗███████╗███████╗ ╚════██║ ██╔═████╗ ████╗ ████║██╔════╝██╔══██╗██║██╔══██╗ ██╔═══██╗██║ ██║██╔════╝██╔══██╗██║██╔════╝██╔════╝ ██╔╝ ██║██╔██║ ██╔████╔██║█████╗ ██║ ██║██║███████║ ██║ ██║██║ ██║█████╗ ██████╔╝██║█████╗ ███████╗ ██╔╝ ████╔╝██║ ██║╚██╔╝██║██╔══╝ ██║ ██║██║██╔══██║ ██║▄▄ ██║██║ ██║██╔══╝ ██╔══██╗██║██╔══╝ ╚════██║ ██║██╗╚██████╔╝ ██║ ╚═╝ ██║███████╗██████╔╝██║██║ ██║ ╚██████╔╝╚██████╔╝███████╗██║ ██║██║███████╗███████║ ╚═╝╚═╝ ╚═════╝ ╚═╝ ╚═╝╚══════╝╚═════╝ ╚═╝╚═╝ ╚═╝ ╚══▀▀═╝ ╚═════╝ ╚══════╝╚═╝ ╚═╝╚═╝╚══════╝╚══════╝ =====================================================================================================================*/ .recommended-products a:hover {text-decoration: underline} .product-grid .product a:hover { text-decoration: underline; } .product-slider a:hover { text-decoration: underline} @media only screen and (max-width: 1200px){ .slider-content img{ max-height: 150px} .oral-care:before{display: none} .oral-care { background:none;} .footer ul li{margin-bottom: 1rem} .oral-care .adult-oral-care, .oral-care .child-oral-care {margin: 0; } .oral-care .child-oral-care ul{text-align: left;} .oral-care .adult-oral-care ul{ text-align: right;} } @media only screen and (max-width: 1024px) { .light-blue{ background-position: 70% top;} #divAllProducts.large-2{width: 100%; height: 42px; padding-left: 0} #divAllChild.large-5{padding: 0; width: 50%} #divAllAdult.large-5{width: 50%} #ProductGridFilter .large-4:nth-child(2){border-left:1px solid #B5B5B5; border-right: 1px solid #B5B5B5} #ProductGridFilter .large-4 input[type="checkbox"] + label span {margin-top: -5px} #ProductGridFilter .large-4 label{ padding-top: 11px} .block-links li:nth-child(2n+1){width: 49%; margin-right: 0} .block-links li{min-height: 83px;} .slider-content img{max-width:170px} .article-slider{background-position: 10% center} .slider-content a{display: inline-block;} .bubble-slide .slider-content .content-wrapper{margin-right: 0} .child-oral-care .icon-teething-relief{top: -25px} } @media only screen and (max-width: 868px) { .menu a{ padding: 0 7px; font-size:15px } .menu ul{float:left;} #divAllProducts input[type="checkbox"] + label span{ margin-left:8px} .drop-down h2, .drop-down ul{width: 100%} .drop-down{ background-position: 0 415px} .drop-down.product-list img {margin-top: 15px;width: 48%} .drop-down.adult-care, .drop-down.child-care {background-position: 0 75px;} .oral-care .adult-oral-care{margin:0 } .oral-care .adult-oral-care li {margin-right: 3%;} .oral-care .child-oral-care li {margin-left: 3%;} .oral-care h3 {font-size: 1.5rem;} .oral-care .child-oral-care h3, .oral-care .adult-oral-care h3{text-align: center; padding: 0} .tabs dd a {padding:0.6rem 1rem} .product-detail .blue-back .columns.large-8.medium-8 > a:before{left: -20px} .product-detail .blue-back a.more {padding: 0.5rem 1rem;} .product-detail .tabs-content .content:first-child {background-position:22% 56%} .child-oral-care .roll-over-content h2 {margin-bottom: 1rem;margin-right:26%;margin-top: 10px;} .roll-over-content p{line-height: 1rem;color: #004d8d} /**/ .roll-over-content h2{font-size: 19px; margin-left: 56px; } .roll-over-content .icon-cold-sore, .roll-over-content .icon-toothache, .roll-over-content .icon-mouth-canker{left: 7px;width: 41px;background-image:url("images/menu-sprite.png") ;background-size: auto;height: 42px;background-position: 0 0;top: 10px;} .roll-over {height: 247px;} .articles-wrapper .experts-articles li{height: auto;margin-bottom: 1rem} .left-image .slider-content h1 {width: 100% !important; font-size: 1.7rem} .bubble-slide .slider-content .content-wrapper h1{width: 160%} .slider-content img {max-height: 90px;} .roll-over-content{height: 57px;} .roll-over-content:hover {height: 200px;} .roll-over-content h2 {color: #004D8D;min-height: 50px;} .roll-over-content p{margin-top: 1px} .product-slider .category, .product .category{font-size: 11px} } @media only screen and (max-width: 768px) { .product-detail .tabs-content .extra-item {max-width: 100%;padding-left: 0;} .product-detail .tabs-content .content:first-child .owl-item > div {margin: 0 3rem;} .product-detail .tabs-content .extra-item img{ margin-top: 5rem !important; display: block !important;} .product-detail .tabs-content .content:first-child {background: none} .product-detail .tabs-content {padding-bottom: 2rem;} .slider-content{width: 58%} .slider-content h1{ width: 140%; font-size: 2rem} .slider-content img{ max-height:96px} .slider-content a{font-size: 1rem} .content-wrapper{ margin-left: 12%} .hero-slider .owl-theme .owl-controls {margin-bottom: -2px;margin-top: -21px;} .left-image .slider-content h1 {width: 100% !important} .bubble-slide .slider-content .content-wrapper h1{width: 110% } .child-oral-care .icon-teething-relief {top: -25px;} } @media only screen and (max-width: 40em) { .tabs-wrapper h3, .blue-back h2{ text-align: left;} .toggle-menu{display:none;padding-bottom:75px} .drop-down, .hero-slider.owl-carousel .owl-buttons, .breadcrumbs{display:none !important;} .slider-content h1{font-size: 156%} .slider-content strong, .tagline h2{ font-size: 100%} .blue-back{ padding-bottom: 0; background-repeat: repeat;} .blue-back .columns.large-12 h1{ margin: 1rem} #ProductGridFilter .large-4 label{ padding-top:0} .child-oral-care .icon-teething-relief{top: -15px} .menu li:first-child {margin-top: 0} /* Header ========================================================================*/ .header .mobile-menu{display:inline-block;float:right;margin:25px 20px 0 0} .header h1{float:left;margin-left:10px;max-width:66%;} .header ul{width:90%;margin:0 auto;float:none;} .header ul li{width:100%;float:none;border-bottom:solid 1px #fff} .header ul li a{font-weight:400;width:510px;text-align:left;} .header .top-menu ul li{border:none} .header .top-menu ul li:nth-child(1),.header .top-menu ul li:nth-child(2),.header .top-menu ul li:nth-child(3){position:absolute;bottom:40px;width:33%;} .header .top-menu ul li:nth-child(2){left:36%} .header .top-menu ul li:nth-child(3){left:62%} .header .top-menu ul li{margin-left:0;} /* Top Menu ========================================================================*/ .top-menu{padding:11px 0} .top-menu .search, .top-menu .search.active{width:90%;float:left;} .top-menu button.open-search{width:10%;float:right;margin-top:5px} .top-menu, .top-menu li{height:auto;} .top-menu input[type="text"]{width:95%;height:30px} .top-menu li:nth-child(3){height:26px;padding:0} .top-menu .language-picker { position: absolute; bottom: 15px; } .top-menu .language-label { display: inline; } /* Slider ========================================================================*/ body .hero-slider .owl-controls {margin-top: -1.8rem; } .promo-1, .promo-2, .promo-3, .promo-4{display:block;} /* Sliders */ .content-wrapper{margin: 0; float: none; max-width: 100%} .slider-image {position: absolute;top: 0; display: block; float: none; width: 100%} .slider-content{ margin-top: 50%; overflow: hidden; padding: 1rem 1rem 2.5rem;display:block;width:100%;float:none;height: 235px} .slider-content h1{width: 90%} .slider-content img{max-width:57%; float: right; margin-top:0%} .slider-content a, .slider-content strong{width: 41%; font-weight: 400; float: left; display: inline-block;} .slider-content strong a{ width: 100%} .slider-content h2 img{ max-width: 100%; float: none; margin-top: 0} .bubble-slide .slider-image img{ width: 100%} .bubble-slide .slider-content{ width: 65%} .bubble-slide .slider-content h1{ font-size: 1.2rem; line-height: 1.5rem; width: 80%; margin-bottom: 0} .bubble-slide .slider-content h2{ margin-top: 0} .bubble-slide .slider-content a{width: 100%} .left-image .slider-content h1{ width: 100%} /* Subcategory*/ .sub-category.child-oral-care .promo-1 .slider-content h1, .sub-category.child-oral-care .promo-1 .slider-content img, .sub-category.child-oral-care .promo-1 .slider-content strong{ margin-left: 0} /* Buuble Slider */ .promo-4 .slider-content .content-wrapper{ margin: 0} .promo-4 .slider-content .content-wrapper .new-promo4{ display: none} /* Tagline ========================================================================*/ .tagline{ margin:0 } .tagline h2, .testimonials h3 {font-weight: 300;} .tagline h2{ font-size: 125%;} /* Oral Care ========================================================================*/ .oral-care{background: none;} .oral-care:before, .oral-care a span{display: none} .oral-care .adult-oral-care, .oral-care .child-oral-care, .oral-care .child-oral-care li, .oral-care .adult-oral-care li{ margin: 0; width: 100%; text-align: left;} .oral-care li{ border-bottom: solid 1px #e4e4e4} .oral-care li:last-child{ border: none} .oral-care li a{ margin:16px 0; display: block} .oral-care li a:before{ content: ""; height: 9px; width: 7px; background:url(images/arrow.png);float: right;} .oral-care .adult-oral-care h3, .oral-care .child-oral-care h3{ margin: 12px 0 0 ; font-size: 22px; padding-left: 0; border-bottom: solid 1px; padding-bottom: 6px} .oral-care ul{ margin: 0} /* Testimonials Slider ========================================================================*/ .testimonials h3{margin:1.2rem 0; line-height: 2rem;} .testimonials-slider{ margin: 10px 10px 30px} .testimonials-slider.owl-carousel{ width: auto; padding: 9% 13% 1px 14%} .testimonials-slider.owl-carousel p, .testimonials-slider.owl-carousel blockquote{ font-size:12px; line-height: 1rem;} .testimonials-slider.owl-carousel blockquote {margin:0 0 1.8em} .testimonials-slider .owl-item div{ padding:0 16px; margin:0 0 30px;} /* Adult Oral Care ========================================================================*/ .roll-over, .roll-over-content, .roll-over-content h2{ height: auto; position: relative; display: block; width: 100%; overflow: hidden;} .blue-back .roll-over-content h2{margin:1rem 1rem 0rem 3.5rem; width: 80%; font-size: 1.2rem;padding-left: 4px !important; padding-right:10px;} .roll-over-content{height: } .roll-over-content:hover{ height:auto;} .roll-over-content a{ display: inline-block;margin-bottom: 1rem;} .roll-over{margin-bottom: .8rem; height: 55px} .roll-over.highlight{ height: auto;} .columns.large-4.medium-4:last-child .roll-over-content h2{ margin-top: 10px} /* Child Oral Care ========================================================================*/ .child-oral-care .icon-teething-relief, .child-oral-care .icon-toothache-relief, .child-oral-care .icon-learning-brush {background-position: 4px -19px;background-repeat: no-repeat;background-size: 74px auto;height: 67px;width: 36px;} .child-oral-care .icon-toothache-relief{background-position: -33px -6px;top: 0;width: 20px;} .child-oral-care .icon-learning-brush {background-position: -53px 0;height: 56px;top: 0;width: 28px;} .child-oral-care .icon-teething-relief {background-position:4px -3px} .columns.large-4.medium-4:last-child .roll-over-content h2 {margin-top:1rem} .roll-over-content h2 {min-height: 35px;} /* Tabs ========================================================================*/ .tabs.adult-oral-care dd{width: 32%; margin: 0; margin-right: 1px; display: table;} .tabs.adult-oral-care dd a{padding: 0 3px; height:55px; text-align: center;; display: table-cell; vertical-align: middle;} .tabs.adult-oral-care dd.active a{margin-top: 0} .product-slider.owl-carousel .owl-wrapper-outer{ width: 100%} .product-slider.owl-theme{margin: 0 auto;max-width:70%;} .product-slider .owl-item.last > div{margin-right:10px} #divAllProducts, .slider-shadow{ display: none !important} .inline-list{margin: 0 auto 0rem;width: 90%; text-align: center;} .inline-list > li{ float: none; display: inline-block; margin-bottom: 1rem} .tabs-content .inline-list li:last-child{margin-right: 0; border-left: 1px solid #A7A8A8;} .tabs-content .inline-list li:last-child a{color: #FF0000; text-decoration: none} .tabs-content .block-links{ margin-bottom: 0} /*Roll Over ========================================================================*/ .child-oral-care .roll-over-content:hover{height: auto} #divAllAdult, #divAllChild, .roll-over img, .more.right{display: none} .roll-over-content .icon-cold-sore, .roll-over-content .icon-toothache, .roll-over-content .icon-mouth-canker{ background-image: url("images/menu-sprite.png"); width: 41px; height: 42px; top:6px; left: 6px} .more.right.mobile, .other-products { display: block;float: none !important;margin: 0 auto 1rem;text-align: center;width: 56%;} a.other-products{ margin-top: 1.5rem; margin-bottom: 0; text-decoration: underline; font-size: .9rem} .roll-over-content .icon-toothache {background-position:-51px 0px;} .roll-over-content .icon-mouth-canker{background-position:-106px 0} /*Experts Articles ========================================================================*/ .blue-back h2{ margin:1rem 2rem} .blue-back h4:before{ content: ""; height:9px; width: 7px; background:url("images/arrow.png"); display: inline-block; margin-right:7px; margin-left: 7px} .row.experts-articles{ width: auto;margin:0 2rem 3rem; padding-bottom: 0; padding-left: 0} .experts-articles:before{display: none} .experts-articles .columns.large-4.medium-4{height:61px;overflow: hidden;} .experts-articles .columns.large-4.medium-4.highlight{height: auto;} .experts-articles .columns.large-4.medium-4.highlight ul{border-bottom: solid 1px #031D3A;} .experts-articles .columns.large-4.medium-4:last-child.highlight ul{border-bottom:0} .experts-articles .columns.large-4.medium-4 h4{ margin:00; border-bottom: solid 1px #031D3A; padding:21px 0px 22px 21px ; font-weight: 400; font-size: 17px} .experts-articles .columns.large-4.medium-4:last-child ul li:last-child:before {display: none;} .experts-articles img{;width: 100%;} /* Product Grid ========================================================================*/ #divAllProducts.large-2, #divAllChild.large-5, #divAllAdult.large-5{width: 100%; float: none;margin:0.4rem 0 0;} #divAllChild{ padding:0 } #ProductGridFilter{background: none;border:none; margin: 0; padding: .5rem} button.toggle-this{display: block; margin: 0rem 0; padding: 5px 0 0 0 } button.toggle-this:before{ background: url("images/show-hide-arrows.png") 0 16px ;border: 0px solid #FF0000;content: "";float: right;height: 16px;width: 20px;margin-top: 8px} button.toggle-this.open:before{ background-position:0 0} .product-grid .product{margin-bottom: 1%} .product-grid .product,body .product.last{width: 49%; margin-right: 1%} .product-grid .product:nth-child(2n+2){ margin-right: 0; border-radius:5px} .product-grid .product{border-radius:5px !important} #ProductGridFilter .large-4.columns {padding-top: 10px;} #divAllChild .row:last-child .styledCheckbox, #divAllAdult .row:last-child .styledCheckbox {margin-top: -5px;} .child-wrapper, .adult-wrapper{ margin-bottom: .5rem; padding:6px; background: #f2f0f0; border: solid 1px #042040} #ProductGridFilter .large-4 input[type="checkbox"] + label span{margin: -6px 6px 0 -3px} #ProductGridFilter label{display: block; width: 100%} /* Footer ========================================================================*/ .footer ul a{font-size:12px;font-weight:600;margin-bottom:.5em;display:inline-block;} .footer p a{margin-bottom:.5em;display:inline-block;margin-left:0} .footer p a:first-child{display:block;margin-top:.5em;} .vertical-middle{display: block; clear: both; padding:0; height: auto;} .vertical-middle img{ margin:0; width: 100% } /*social-icons ========================================================================*/ .social-icons{ float: none;overflow: hidden;text-align: center; padding-left: 0; margin-left: 0; margin-bottom: 0.2rem;} .social-icons li{ display: inline-block; float: none} .social-icons li a{ background: url(images/share-icons-sprite-mobile.png); width: 45px; height: 45px} .social-icons li:nth-child(2) a{ background-position: -59px 0px;} .social-icons li:nth-child(3) a{ background-position: -120px 0px;} .social-icons li:nth-child(4) a{ background-position: -180px 0px;} .social-icons li:nth-child(3) a:hover{ background-position: -120px 0px;} .social-icons li:nth-child(4) a:hover{ background-position: -180px 0px;} .social-icons li:nth-child(2):before {height: 41px;right: -7px} /*Product Detail ========================================================================*/ .product-detail .blue-back{padding-bottom: 2rem; background: url(images/product-detail-back-mobile.jpg) ; background-size: auto 100%} .product-detail .blue-back img {display: block;margin: 0 auto;max-width:75%;} .product-detail .blue-back h1{ max-width: 100%;margin: 1rem 0} .product-detail .blue-back .columns.large-8.medium-8 > a:before{ left: -30px} .product-detail .blue-back .columns.large-8.medium-8.small-6:last-child {text-align: center;} .product-detail .tabs.adult-oral-care dd{ width: 48%;margin-bottom:.8rem !important} .product-detail .tabs.adult-oral-care dd:nth-child(even) { float: right;} .product-detail .tabs.adult-oral-care dd a{ border-radius: 0;} .product-detail .tabs-wrapper .tabs dd.active a {height: 55px; box-shadow: 0 3px 3px 1px #999999;} .product-detail .tabs-wrapper{ padding-top: 2rem} .product-detail .tabs-content .content:first-child{ background: none} .product-detail .tabs-content .content:first-child p{ padding: 0} /*extra item */ .product-detail #panel2-3 .row:last-child{ padding: 0} .product-detail #panel2-4 h1{ margin-left: 0; line-height: 3rem} .recommended-products {padding-bottom: 3rem} /* Sub Category ========================================================================*/ .sub-category .sub-category-menu a span.label{display: none} /* Sub Category Slider */ .sub-category .slider-image {position: absolute;top: 0;} .sub-category .promo-1 .slider-content h1, .sub-category .promo-1 .slider-content strong{ margin-left: 0} .sub-category .promo-1 .slider-content img{ max-width: 50%} /* Carusel into tabs ========================================================================*/ body .product-slider.owl-theme .owl-controls {left: -15%;width: 142.7% } .Adult.product-slider.product-slider .owl-item > div, .Child.product-slider.product-slider .owl-item > div{min-height: 230px} .product-slider-wrapper{padding-bottom: 0} .product-slider-filter{ padding:0; margin:1.5rem} .product-slider-filter > li{border:none;display: block;} .product-slider-filter > li {height: 41px;overflow: hidden; border:solid 1px ; border-bottom: none; position: relative;} .product-slider-filter > li:last-child{ border-bottom:solid 1px} .product-slider-filter > li:first-child{display: none} .product-slider-filter > li.open {height:auto !important; padding-bottom: 30px;} .product-slider-filter > li.open:last-child {border-bottom: solid 1px } .product-slider-filter > li.open a{ font-weight: 400; margin-bottom: 20px; border-bottom: solid 2px; padding: 0.75rem 1rem } .product-slider-filter > li a:before{background: url("images/blue-arrows.png") repeat 11px -35px;content: "";height: 13px;position: absolute;right:7px;top: 16px;width: 11px;} .product-slider-filter > li.open a:before{background-position: 0 0} .product-slider-filter > li div a:before{display: none} .product-slider-filter > li a:after{display:none;} .product-slider-filter > li a:hover{ text-decoration: none;} .product-slider-filter > li div{display: block } .product-slider-filter > li img{ display: block; margin: 0 auto; margin-bottom: 10px;} .product-slider-filter > li div a, .product-slider-filter > li.open > div a, .product-slider-filter > li span.category{ background-color: #eaeaea; border:solid 1px #e1e1e1; margin:0rem 1.5rem; font-weight: 300; font-size: 12px; border-bottom: 0} .product-slider-filter > li span.category{ font-weight: 400 ; padding:1rem 0 2rem; border-bottom: medium none;color: #042345;display: block;font-size: 1rem;margin-bottom: -5px; position: relative;text-transform: uppercase;z-index: 999; -webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;} .product-slider-filter > li .category:before{ background-color: #042040;bottom: 14px;content: "";height: 2px;left: 10px;position: absolute;right: 10px;width: 89%;} .sub-category .product-slider-wrapper .product-slider.owl-carousel.owl-theme, .customNavigation{display: none !important} .product-slider-filter > li div a, .product-slider-filter > li.open > div a{ border-bottom: none;border-top:none;} /* Sub Category Articles ========================================================================*/ .blue-back h2, .light-blue-back h2{font-size: 22px} .articles-wrapper h2{ margin: 1rem;} .articles-wrapper .experts-articles .columns.large-4.medium-4{height: auto} /*.articles-wrapper .experts-articles .columns:last-child.large-4.medium-4{display: none}*/ .articles-wrapper .row.experts-articles{margin: 0 1rem 2rem} .articles-wrapper .see-more {display:inline-block; margin-left: 1.2rem; padding: 0 15px 0 0} .article-slider h1, .article-slider h2, .article-slider h3{max-width: 100%} .articles-wrapper h1 {margin: 0 0.5rem 0.5rem;} .articles-wrapper .experts-articles ul {margin-top: 0;} .articles-wrapper .experts-articles ul li{ position: relative;height: auto;margin-bottom: 1rem} /*.articles-wrapper .experts-articles ul li:last-child:before{ display: none}*/ .articles-wrapper .experts-articles ul li:before{ content: ""; position: absolute; width: 105%; height: 1px; background-color: #002C51; bottom: -10px; left: -15px } /* Resource Center ========================================================================*/ .block-links li{width: 100%} .block-links li:nth-child(2n+1){width: 100%} .block-links li{min-height:100%; padding: .5rem 0} .block-links li:last-child{ margin-bottom: 1rem} .light-blue {background-size: 210% auto;min-height: 95px;} .product-grid .medium-4 img {display: none;} /* Article 2 ========================================================================*/ .article-slider{background-position: 39% top} .article-slider .hero-slider h3{font-size: 1rem;line-height: 1.3rem} .article-slider .hero-slider h2{font-size: 1.5rem;line-height: 1.6rem; margin-bottom: 1rem } .natural-teething-first-title, .natural-teething-second-title, .natural-teething-image{ display:block; width: 100%; text-align: center;} .natural-teething-image, .natural-teething-wrapper{ background: #e8f3fc; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlOGYzZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlYWZjZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e8f3fc 50%, #eafce8 50%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#e8f3fc), color-stop(50%,#eafce8)); background: -webkit-linear-gradient(top, #e8f3fc 50%,#eafce8 50%); background: -o-linear-gradient(top, #e8f3fc 50%,#eafce8 50%); background: -ms-linear-gradient(top, #e8f3fc 50%,#eafce8 50%); background: linear-gradient(to bottom, #e8f3fc 50%,#eafce8 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f3fc', endColorstr='#eafce8',GradientType=0 ); } .natural-teething-wrapper .natural-teething-first-title h2, .natural-teething-wrapper .natural-teething-last-title h2{margin-bottom: 0} .natural-teething-wrapper .natural-teething-first-title h3, .natural-teething-wrapper .natural-teething-last-title h3 {margin:3% 8% 9%;} .references {padding: 0 .7rem;} .sub-category.child-oral-care .roll-over-content p, .sub-category.child-oral-care .roll-over-content h2{display: none} .sub-category.child-oral-care .roll-over-content a{margin: 0; background: none; text-indent: -999999px; height: 50px;position: relative; width: 100%} .sub-category.child-oral-care .roll-over-content:hover{background: none} .sub-category.child-oral-care .icon-learning-brush {left:23%;top: 18px; background-position: -54px 3px} .sub-category.child-oral-care .active:hover .icon-learning-brush { background-position: -54px 3px} .sub-category.child-oral-care .icon-toothache-relief {left: 28%;top: 20px; background-position: -33px 1px} .sub-category.child-oral-care .active:hover .icon-toothache-relief {left: 28%;top: 20px; background-position: -33px 1px} .sub-category.child-oral-care .columns .icon-teething-relief{top: 13px; background-position: 5px 0} .child-oral-care .sub-category-menu .active:hover .icon-teething-relief{background-position:5px 0 } .sub-category.child-oral-care .roll-over-content .arrow-right{right: 10%} .sub-category.child-oral-care .sub-category-menu{margin-top: 0} .sub-category.child-oral-care .promo-1 .slider-content{width: 100%;} .sub-category.child-oral-care .roll-over-content{position: relative;} /* About Us */ .about-us img{ margin-bottom: 1rem} .vertical-middle p{ padding-left: 0} /* Move */ .tabs-content .inline-list li:last-child {float: none;} .row.experts-articles {padding-bottom: 1rem;} .blue-back h4:before{position: absolute; left: 7px; top:26px;} .testimonials h3{font-weight: 400} .articles-wrapper .light-blue-back h1{margin: 7px; font-size: 22px} .recommended-products h2{font-size: 22px} .article-flex img{margin: 0 0 1rem 0} .child-oral-care .testimonials h3{font-weight: 400} .product-grid .block-links li:nth-child(2n+1), .product-grid .block-links li{width: 100%} .tabs-content .inline-list li:last-child a{max-width: 100% } .sub-category .product-slider-wrapper .first .category, .owl-carousel.product-slider .first .category{display: none;} .product-slider-filter > li span.category{border-radius: 0} .tabs-content .block-links li:last-child {margin-bottom: 0;} .child-oral-care .sub-category-menu .active .icon-toothache-relief {background-position: -33px -54px;} .child-oral-care .sub-category-menu .active .icon-teething-relief{background-position: 5px -55px;} .child-oral-care .sub-category-menu .active .icon-learning-brush {background-position: -53px -53px;} #filterContainer > li:last-child {display: none;} .content.sub-category .hero-slider .slider-content img, .content.sub-category .hero-slider .slider-content img[src="~/media/Orajel/Products/Toothache/Orajel_Severe_Crm-lg"]{ max-width: 170px} }