@font-face { font-family: "poppinBold"; src: url(/library/fonts/Poppins/Bold.otf) format("opentype"); }

@font-face { font-family: "poppinReg"; src: url(/library/fonts/Poppins/Regular.otf) format("opentype"); }


body{margin:0;padding:0;font-family:poppinReg;color: black;}
*{padding:0;margin:0;font-size:100%;}
li{list-style-type: none;}
p { margin: 0px 0px 20px 0px; line-height: 1.4; }
a{color:black;text-decoration:none;}
fieldset{border:none}
.hidden{display:none}
input,select,textarea{font-family:Helvetica, sans-serif;font-size:100%;padding:5px;/* border:1px solid var(--dteal); */box-sizing:border-box;}
 input:focus, textarea:focus, select:focus{outline: none;}
select{border:1px solid grey}
textarea{box-sizing:border-box;border:2px solid var(--dteal); width: 40%;}
img{border:none;max-width:100%;height:auto}
img.left{margin:5px 5px 5px 0}
img.right{margin:5px 0 5px 5px}
textarea{max-width:100%}
h1,h2,h3,h4,h5,h6 { font-family: poppinBold; font-size:100%; font-weight: normal; }
.layout_standard{margin:0 auto 0 auto;}
.submit{background-color:var(--dteal); color:#fff;padding:9px 25px;border-radius: 20px;width: fit-content;font-family: poppinBold;cursor: pointer;border: var(--dteal) 1px solid;}
.titletxt, .pagetitle{text-transform:uppercase;/* background: var(--lteal); */color: var(--lteal);padding: 0 0 8px 0px;font-size: 130%;font-family: poppinBold;border-bottom: 5px solid;margin-bottom: 20px;}
.pagetitle {padding-top: 60px;}
.page_standarda .titletxt a{text-decoration: none;color: var(--lteal);}
input[type=text]{border: var(--dteal) 2px solid;color: var(--dteal);width: 40%;}
.spacer { clear: both; height: 0px; }
::placeholder { color: var(--lteal); font-family: poppinReg;}
a.linkbutton {color: #ffffff; background-color: var(--dteal); padding: 9px 25px; border-radius: 20px; color: #ffffff!important; text-decoration: none!important;}
table { border-spacing: 0px; }
td, th { padding: 0px; }
iframe { max-width: 100%; }

:root
{
    --teal: #6DA1A4;
    --dteal: #326666;
    --lteal: #6DA1A4;
    --light: #fef5ef;
    /* --dteal: #a72f2f; */
    /* --lteal: #f0872b; */
    /* --light: #fef5ef; */
}

/* buttons */
.prevention p:nth-of-type(2) a, .prevention p:nth-of-type(16) a, .util_sitesearch input[type="submit"]{color: white; background: var(--lteal); padding: 5px 15px; margin: 10px 0; text-decoration: none; border: none; font-family: poppinReg;}
.prevention p:nth-of-type(2) a:hover, .prevention p:nth-of-type(2) a:hover, .util_sitesearch input[type="submit"]:hover{background: #f28d05;}
a.button {background-color: #000000; color: #ffffff!important; font-size: 70%; padding: 15px 10px; border-radius: 10px; text-decoration: none!important; display: block; width: 120px; margin: auto; margin-bottom: 25px;}

/* header */

.layoutheader_inner{display: flex;justify-content: space-between;}
.layoutheader .mainlogo {width: 300px;margin-left: 3%;margin-top: 13px;}
.layoutheader .mainlogo .links li img {max-height: 100px; width: auto;}
.layoutheader .mainlogo .titletxt { border-bottom: none; font-size: 100%;position: absolute;top: 115px; color: var(--teal); padding-left: 7px; font-family:poppinReg}

.layoutheader .headersearchcontainer .items{max-width: 600px;margin: 30px 30px 0 0;}

.layoutheader .util_sitesearchbar {float: left;margin: 0px 20px;}
.layoutheader .headercharityinfo .std_content_inner {width: 600px; margin: 20px 0;font-size: 75%;color: var(--dteal); text-align: right;}
.layoutheader .headercharityinfo p{margin-bottom: 5px;}
.layoutheader input[type="text"]{font-size: 80%;padding: 5px 10px;width: 212px;}
.layoutheader ::placeholder{color: var(--dteal);}
.layoutheader input[type="image"]{position: relative;top: 8px;border: 0px; filter: invert(56%) sepia(39%) saturate(320%) hue-rotate(140deg);}

.headerdonate ul {display:flex;gap: 10px;}
.headerdonate .link2{width: 200px; margin-left: 20px;}
.headerdonate .link1 a{width: 100px;}
.headerdonate .link2 a{width: 190px;}
.headerdonate li a {background: var(--dteal);padding:9px 15px;border-radius: 25px;width: fit-content;text-align: center; float: right; line-height: 20px;}
.headerdonate a{color: white; font-family: poppinBold;}
.layoutmiddle {clear: both;}


@media( min-width: 1080px )
{
  .layoutheader{margin:0 auto;height: 150px;}
  .layoutheader .layoutheader_inner { max-width:1240px; margin: 0px auto;}
  .layoutheader .headersearchcontainer ul li a:hover { background-color: var(--lteal); }
}

@media( max-width: 1080px ){
  .layoutheader_inner{flex-direction: column;align-items:center;justify-content: center;gap:30px;}
  .layoutheader .mainlogo .titletxt { left: 50%; transform: translateX(-50%); top: 145px; width: 100%; text-align: center;}
  .layoutheader .headersearchcontainer {width: 100%;display: flex;align-items:center;justify-content: center;}
  .layoutheader .headersearchcontainer .items{ margin: 20px;}
  .layoutheader .mainlogo {width: auto; }
  .layoutheader .mainlogo .links li img {max-height: 120px; width: auto;}
}

@media (max-width: 650px){
  .layoutheader {min-height: 230px;/* margin-left: 5%; */}
  .layoutheader .mainlogo img{width: 80%;}
  .layoutheader .mainlogo .titletxt {position: absolute; top: 150px; text-align: center; margin: -5px 0 0 0; font-size: 80%;width: 280px;}
  .layoutheader .headersearchcontainer .items{max-width: 300px;margin: 30px 0 0 0;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 20px;}
  .layoutheader .headerdonate ul{display:flex;align-items: center;justify-content: center;width: 250px;flex-direction: column;}
  .headerdonate .link1, .headerdonate .link2{width: 250px; margin: 0;}
  .headerdonate .link1 a, .headerdonate .link2 a {width: 220px;}
  .layoutheader .headercharityinfo .std_content_inner {max-width: 300px; text-align: center; margin: 0;}
}

/* big menu */

.layouttopmenu { clear: both; }

@media(min-width:1080px)
{
  .layouttopmenu { background: var(--lteal); display: block; height: 73px; }
  .layouttopmenu .nav_multilevel .toggle { display: none; }
  .layouttopmenu .nav_multilevel .level1 { text-align: center; }
  .layouttopmenu .nav_multilevel .level1>li { display: inline-block; }
  .layouttopmenu .nav_multilevel .level1>li>a { color: white; font-size: 110%; padding: 0px 20px 0px 20px; line-height: 73px; }
  .layouttopmenu .nav_multilevel .level1>li:hover .level2 li{display:block}
  .layouttopmenu .nav_multilevel .level2 { position:absolute;border: 1px lightgrey solid; border-top: none; display:none; padding: 15px 0px 0px 0px; background: #ffffff; margin: 0px 0px 0px 5px; font-family: sans-serif; text-align: left; z-index: 10; }
  .layouttopmenu .nav_multilevel .level2>li{ padding: 0px; list-style-type: none;}
  .layouttopmenu .nav_multilevel .level2>li>a { display:block; width: 200px; text-decoration:none; text-transform: initial; background:white; color:var(--lteal);padding: 0 0px 10px 15px;font-size: 80%;font-family: poppinReg;}
  .layouttopmenu .nav_multilevel .level2>li>a:hover{text-decoration: underline;} 
  .layouttopmenu .nav_multilevel .level1>li:hover .level2{display:block}
}

/* small menu */
@media(max-width:1079px){
  .layouttopmenu .nav_multilevel { width:100%;position:absolute;margin:0;padding:0;left:0;top:0;z-index: 1000;}
  .layouttopmenu .nav_multilevel li a{font-size: 100%;}
  .layouttopmenu .nav_multilevel .toggle{display:block;position:absolute;z-index:400;top:20px;right:20px;cursor:pointer;width: 35px;height: 35px;}
  .layouttopmenu .nav_multilevel .toggle svg path { fill: var(--lteal); }
  .layouttopmenu .nav_multilevel .toggleoff ul{display:none}
  .layouttopmenu .nav_multilevel .toggleon ul{display:block;}
  .layouttopmenu .nav_multilevel .level1{display:block;width:100%;position:absolute;top: 115px;}
  .layouttopmenu .nav_multilevel .level1 li{width:100%;padding:0;background:var(--lteal);}
  .layouttopmenu .nav_multilevel .level1 li a{display:block;color:white;width:90%;font-family:poppinBold;padding:4px 20px;}
  .layouttopmenu .nav_multilevel .level1 li.link3 a{padding-top:10px;}
  .layouttopmenu .nav_multilevel .level1 li.link3 .link85 a{padding-top:4px;}
  .layouttopmenu .nav_multilevel.toggleoff .level1{display:none}
  .layouttopmenu .nav_multilevel.toggleon .level2{display:block;}
  .layouttopmenu .nav_multilevel .level2 li a{font-family:PoppinReg;padding-left:40px}
  .layouttopmenu .nav_multilevel .level3 li a{padding-left:40px}
  .layouttopmenu .nav_multilevel li a:hover{text-decoration:underline}
}



@media(max-width:649px){
  .layouttopmenu .nav_multilevel li a{color: white;padding: 30px 15px;}
}
@media(max-width:899px){
  .layouttopmenu .nav_multilevel li a{font-size: 90%;}
}


.layoutmiddle {max-width: 1040px;margin: 0px auto 0px auto;padding: 0px 20px 0px 20px;}

.condright .layoutcontent { width: 680px; float: left; }
.condright .layoutright {width: 360px;float: right;padding: 66px 0px 0px 40px;box-sizing: border-box;}

@media( max-width: 1079px )
{
  .condright .layoutcontent { width: auto; }
  .condright .layoutright { display: none; }
}


/* Footer */

.layoutfooter{background: #e7e7e7;color: black;clear: both;}
.layoutfooter .titletxt{text-decoration: none;border-bottom: none;}
/* .layoutfooter svg path{fill: #f28d05;} */
.layoutfooter .partners { background: #ffffff;text-align: center;}
.layoutfooter .partners.sponsors {padding: 50px 0px 42px 0px;}
.layoutfooter .partners.collaborators {padding: 0px 0px 85px 0px;}
.layoutfooter .partners .titletxt{color: #c3c3c3;text-align: center;padding: 20px 0px;background: none;font-size: 95%;padding: 0;font-weight: initial;}
.layoutfooter .partners ul{ max-width: 1240px; margin: 0 auto;}
.layoutfooter .partners .link{display: inline-block;width: 12%;}

.layoutfooter .partners.mainsponsor { padding: 40px 0px 0px 0px; }
.layoutfooter .partners.mainsponsor .link { width: 40%; margin: 0px auto; }
.layoutfooter .partners.mainsponsor .link img { width: 90%; height: auto; max-width: 90%; margin: 0px auto; }
.layoutfooter .partners.collaborators img { width: 80%; height: auto; max-width: 90%; }


/* 2nd half of footer */
.layoutfooter .footerlinks, .layoutfooter .footercopyright {font-size: 70%;}
.layoutfooter .footerlinks li:last-of-type {font-family: poppinBold; padding-top: 20px;}
.layoutfooter .footeremail .titletxt {color: #000000; text-transform: none;}
/* .layoutfooter .footersocial .svg {height: 40px;width: 40px;} */
.layoutfooter .footersocial i {font-size: 40px; color:var(--dteal);}
.layoutfooter .footersocial li {display: inline; padding: 5px;}



@media (min-width: 1080px) {
  .layoutfooter {padding-bottom: 64px;}
  .layoutfooter .footerlinks {position: absolute; left: 135px; padding-top: 93px;}
  .layoutfooter .footeremail {width: 321px; margin: auto; text-align: center; padding-top: 75px;}
  .layoutfooter .footercopyright {position: absolute; right: 135px; padding-top: 93px;}
  .layoutfooter .footersocial {width: 321px; margin: auto; text-align: center;}
}

@media (max-width: 1079px) {
  .footercontainer {padding: 40px;}
  .layoutfooter .footerlinks {margin-bottom: 20px;}
  .layoutfooter .footeremail, .layoutfooter .footersocial {text-align: center;}
}

@media (max-width: 500px) {
  .layoutfooter .footeremail h2{margin-bottom: 0;}
  .layoutfooter .footeremail a  {font-size: 70%;}
}


/* main */
.std_contentpage h2{color:var(--lteal)}
.std_contentpage strong {color: var(--lteal);}
.page_standarda {border-bottom: 5px solid var(--light); padding-bottom: 40px;}
.page_standarda .pagecontent{max-width: 980px;/* margin: 40px auto 60px auto; */padding-bottom: 10px;}
.home .pagecontent{border-bottom: none;}
.page_standarda ol { padding: 0px 0px 0px 20px; color: var(--lteal); }
.page_standarda ol li{list-style-type: lower-alpha; }
.page_standarda ol ol li{list-style-type: upper-roman;margin-left: 20px;}
.page_standarda ol ol ol li{list-style-type:lower-alpha; margin-left: 40px;}
.page_standarda ol em { font-style: normal; color: #000000; }
.page_standarda a{color: black;text-decoration: underline;}
.protectingpetfromvirus ol li{list-style-type: inherit;}

.storyandtrustees table{display: inline; }
.storyandtrustees tbody{margin: 50px 0;}
.storyandtrustees h2, .storyandtrustees h3{margin-bottom: 10px;}
.storyandtrustees h3{text-decoration: underline;}
.storyandtrustees strong, .storyandtrustees h2, .storyandtrustees h3{font-size: 110%; font-family: poppinBold;}
.storyandtrustees tr td:first-of-type{width: 20%;padding-right: 3%;vertical-align: top;}
.storyandtrustees tr td{vertical-align: top;padding-bottom: 30px;}
.storyandtrustees tr td:nth-of-type(2) p{text-align: left;}
.storyandtrustees .trusteevideos .items {display:flex; flex-wrap: wrap; justify-content: space-between; margin: 0px auto 40px auto;}

.util_sitesearch .include{margin:20px 0}
.util_sitesearch{max-width: 830px; margin:60px auto}
.util_sitesearch input[type="text"]{width: 60%;}
.util_sitesearch fieldset{text-align: center;}
.util_sitesearch .result .title {color: var(--lteal);}
.util_sitesearch #result_report {padding-bottom: 20px;}
.util_sitesearch b {color: var(--lteal); font-family: PoppinBold;}

.std_newsarticlea{ min-height: 335px;}
.std_newsarticlea .headline{ text-transform:uppercase; color: var(--lteal);padding: 0 0 8px 0px;font-size: 130%;font-family: poppinBold;border-bottom: 5px solid;margin-bottom: 20px;}
.std_newsarticlea .image {float: left; max-width: 100%;}
.std_newsarticlea .created{color: var(--lteal); text-transform: uppercase;}
.std_newsarticlea .abstract{color: var(--lteal); font-size: 130%; padding-top: 40px; clear: both;}
.std_newsarticlea .article{padding-top: 10px;clear: both;}

@media( min-width: 1080px )
{
  .std_newsarticlea .headline { position: absolute; width: 100%; max-width: 1040px; margin: 0px auto 0px auto; }
  .std_newsarticlea .created { padding-top: 70px; }
}


@media(max-width:1099px){
  .util_sitesearch{width: 90%;}

}

.pagecontent{margin: 10px 0;}


/* Homepage */
.layoutmiddle.home {padding-top: 0px;}
.home .homeonehealth {text-align: center; font-family: poppinBold;}
.home .homeintro { margin: 0px 0px 50px 0px; }
.home .homeintro .content{padding: 15px 28px 15px 28px;font-size: 95%;background: var(--light);box-sizing: border-box;}
.home .homeintro .content h2{font-size: 140%;padding: 10px 0 10px 0;color: var(--dteal);font-family: poppinBold;}
.home .homeintro .content ul{list-style-type: square; margin-left: 20px; margin-bottom: 10px;}
.home .homeintro .content li{list-style-type: square;}
.home .homeintro .imageright { background-color: var(--light); text-align: center;padding-bottom: 20px;}

.home .buttonscontainer { text-align: center; }
.home .buttonscontainer .petownersbutton, .home .buttonscontainer .vetprofessionalsbutton { padding: 0px 0px 50px 0px; }
.home .buttonscontainer .petownersbutton .imagebottom,
.home .buttonscontainer .vetprofessionalsbutton .imagebottom{height: 160px;background-size: cover;}
.home .buttonscontainer .petownersbutton .titletxt{width: 180px; color: white; background: var(--dteal); border-bottom: none; border-radius: 5px 5px 0 0;font-size: 100%; padding: 10px; margin-bottom: 0; text-align: left;}
.home .buttonscontainer .vetprofessionalsbutton .titletxt{width: 180px; color: white; background: var(--lteal); border-bottom: none; border-radius: 5px 5px 0 0;font-size: 100%; padding: 10px; margin-bottom: 0;text-align: left;}
.home .buttonscontainer .petownersbutton .titletxt a,
.home .buttonscontainer .vetprofessionalsbutton .titletxt a{color: white; font-family: poppinReg; }

.home .util_container a { font-size: 130%; text-decoration: none; color:var(--lteal); }
.home .util_container a:hover {color:#000000}

.home .feat_twitterplugin { display:none; }

@media( min-width: 700px )
{
  .home .buttonscontainer .petownersbutton {margin-right: 70px;}
  .home .buttonscontainer .petownersbutton, .home .buttonscontainer .vetprofessionalsbutton {display: inline-block; vertical-align: top;}
  .home .buttonscontainer .petownersbutton .imagebottom, .home .buttonscontainer .vetprofessionalsbutton .imagebottom { width: 290px; }
}

.home .findoutmore { background: repeating-linear-gradient(to bottom, #6DA1A4 0%, #6DA1A4 33.33%, #fef5ef 33.33%, #fef5ef 66.66%, #6DA1A4 66.66%,  #6DA1A4 100%); height: 235px; margin-bottom: 50px; }
.home .findoutmore .content { float: left; width: 420px; }
.home .findoutmore h2{ color: var(--lteal); font-size: 200%; width: 100%; text-align: center; box-sizing: border-box; line-height: 100px;}  
.home .findoutmore h3, .home .findoutmore p { color: white;font-size: 140%;width: 100%;text-transform: uppercase;font-family: poppinReg;font-weight: bold; text-align: center; box-sizing: border-box; line-height: 70px; margin: 0px; } 
.home .findoutmore .imageright { float: right; width: 200px; padding: 10px 60px 10px 0px; }

.home .homewatch .util_youtube { padding: 0px 0px 30px 0px; }
.handhygienevid video, .videos .videopage video { max-width: 685px; }
.orangetop {border-top: 5px solid var(--lteal); padding-top: 15px;}
.handhygienevid, .videopage {margin-bottom: 50px}



@media (max-width: 600px)
{
  .handhygienevid video, .videopage .video { max-width: 300px;}
  .home .homewatch .imagebottom { max-width: 320px; }
}

.home .homesocialfeeds { padding: 0px 0px 15px 0px; }

.home .list_article {clear: both;}
.home .list_article .article .headline {height: 60px; }
.home .list_article .article .headline a {color: var(--lteal); text-decoration: none; text-transform: capitalize; font-size: 120%;}
.home .list_article .article .bgimage{background-size: cover;background-repeat: no-repeat;background-position: center center;height: 220px;margin-bottom: 20px;}
.home .list_article .article .created{font-family: poppinReg; color: var(--lteal); text-transform: uppercase;padding: 10px 0px;font-size: 90%;}
.home .list_article .article .abstract{display:none; color: initial; overflow: hidden;font-size: 90%;font-family: poppinReg;margin-bottom: 20px; height: 50px;} 
.home .list_article .article .link a{text-decoration: none;color: black;font-family: poppinBold;font-size: 90%;border-bottom: black 1px solid;text-transform: capitalize;}

.home .feat_fbpageplugin { padding: 0px 0px 20px 0px;}
/* .home .feat_twitterplugin { padding: 0px 0px 20px 0px; } */


@media( min-width: 1080px )
{
  .home .homewatch { float: left; width: 685px; }
  .home .homewatch .imagebottom { width: 685px; height: 386px;}
  .home .homewatch iframe { width: 100%; height:100%;}
  .home .homesocialfeeds { float: right; width: 320px; }
  .home .homeintro .content {width: 720px; display:inline-block; height: 588px;font-size: 90%;}
  .home .homeintro .imageright { float: right; display: block; height: 588px; padding-bottom: 0px;}

}

@media (max-width: 1079px) {
  /* .homesocialfeeds .feat_fbpageplugin, .homesocialfeeds .feat_twitterplugin {display: flex; justify-content: center; align-items: center;} */
  .homesocialfeeds .items{display: flex; justify-content: center; align-items: center;}
}

@media (min-width: 900px) {
  .home .list_article .article {float: left;}
}

@media (max-width: 899px) {
  .home .list_article .article {margin: 30px auto;}
  }

/* @media( min-width: 800px ) and ( max-width: 1079px )
{
  .home .feat_fbpageplugin {float: left;width: 50%;padding: 0px 20px 0px 0px;box-sizing: border-box;}
  .home .feat_twitterplugin { float: left; width: 50%; padding: 0px 0px 0px 20px; box-sizing: border-box; }
} */

@media (min-width: 800px) {
  .home .list_article .article {width: 30%; float: left; margin-right: 5%;}
  .home .list_article .article:nth-child(3) {margin-right: 0%;}
}

@media( max-width: 799px )
{
  .home .findoutmore .content { width: 100%; float: none; }
  .home .findoutmore .imageright { display: none; }
  .home .list_article .article {max-width: 320px;}
}

@media( max-width: 399px ){
  iframe{width: 100% !important;}
}


/* Page with images */

.pagewithimages a {overflow-wrap: break-word;}
.pagewithimages a:hover {color: var(--dteal);}
.pagewithimages .pagecontent_inner, .pagewithimages .components{display: flex; flex-direction: column; align-items: center;}

@media( min-width: 1080px )
{
  .pagewithimages h2 { max-width: 640px; margin: 0px 0px 20px 0px; }
  .pagewithimages p {max-width: 640px;}
  .pagewithimages ol { max-width: 640px; box-sizing: border-box; }
  .pagewithimages figure { font-size: 80%; float: none; width: 320px; position: absolute; left: 50%; margin-left: 200px; }
}

@media( max-width: 1079px )
{
  .pagewithimages figure {float: none!important; clear: both; text-align: center; margin: 20px 0px;}
  .pagewithimages figcaption {font-size: 80%; font-style: italic;}
}

/* News article */
.newsrelatedposts .titletxt { border: none; font-size: 90%; margin: 0px; }
.newsrelatedposts .abstract {font-family: poppinReg; font-size: 90%; padding: 5px 0px 5px 0px; }
.newsrelatedposts .headline { padding: 5px 0px 5px 0px; font-size: 120%; }
.newsrelatedposts .headline a { color: var(--lteal); }
.newsrelatedposts .created {color: var(--lteal); text-transform: uppercase; font-size: 90%; padding: 5px 0px 5px 0px; }
.newsrelatedposts .link { font-family: poppinBold; text-decoration: underline; padding: 5px 0px 5px 0px; }

/*FAQ page*/
.faqbox a {color: var(--lteal); font-family: poppinBold;}
.faqbox {padding-bottom: 10px;}
.faqbox .text {padding-top: 10px;}

/* Contact page */

.contactpage .surv_standard .label {padding: 10px 0 0 30px;}
.contactpage .surv_standard .input {padding-left: 30px;}
.contactpage .surv_standard .submit {margin-top: 20px; margin-left: 30px;}
.contactpage .pagecontent {border: 0px;}

/* Resources page */

.resources .content h2 {font-size:120%; text-align: center; padding-top: 20px;}
.resources .content a {color: var(--lteal);text-decoration: none ;}
.resources .content a:hover {text-decoration: underline;}
.resources img {padding-top: 40px;}

/* Main news list */

.mainnews .article { padding: 20px 0px 20px 0px; border-bottom: solid #cccccc 1px; }
.mainnews .created { font-size: 80%; }
.mainnews .headline { padding: 5px 0px 5px 0px; }
.mainnews .headline a { color: var(--lteal); }
.mainnews .abstract { padding: 5px 0px 5px 0px; }

.beachshore {display: none;}
.bellasvideo {margin-left:180px;}

/*Top 10 tips page*/
.toptipscarousel .carousel {margin: auto;}
.toptipscarousel .carousel ul {width: 20000em; position: relative;}
.toptipscarousel .carousel {overflow: hidden; position: relative;}
.toptipscarousel .carousel li {background-repeat: no-repeat; background-size: cover; background-position: center center; float: left;}
.toptipscarousel .nextprevious {text-align: center; height: 77px; position: relative; bottom: 50%;}
.toptipscarousel .nextprevious .carousel-next, .toptipscarousel .nextprevious .carousel-prev{height: 77px; width: 50px;}
.toptipscarousel .nextprevious a {width: 50px; height: 77px;}
.toptipscarousel .nextprevious .carousel-next{ background-image: url(/images/wGsPanxW7EizeJGrs9xS01e025.png); background-repeat: no-repeat; float:right; cursor: pointer;z-index: 3000;}
.toptipscarousel .nextprevious .carousel-prev{background-image: url(/images/CiKl8MQ3l8vtZbY7t6dv01e025.png);background-repeat: no-repeat; float: left; cursor: pointer; z-index: 200000;}

@media (min-width: 1000px) {
  .toptipscarousel {margin-top: 31px; height: 600px;}
  .toptipscarousel .carousel {height: 600px; width: 600px;}
  .toptipscarousel .carousel li {height: 600px; width: 600px;}
  }

  @media (max-width: 999px) {
    .toptipscarousel {height: 400px;}
    .toptipscarousel .carousel {height: 400px; width: 400px;}
    .toptipscarousel .carousel li {width: 400px; height: 400px;}
  }
  
  @media (max-width: 600px) {
    .toptipscarousel .carousel {height: 300px; width: 300px;}
    .toptipscarousel .carousel li {width: 300px; height: 300px;}
  }
  
/*Videos page*/

.videos .pagecomponents_inner { display: flex; flex-wrap: wrap; justify-content: center; }
.videos .util_youtube .titletxt {border: none;font-family: poppinBold;font-size: 100%;font-weight: normal; margin: 0px; padding: 0px; text-transform: none;}
.util_mediaplayer {margin:25px 10px 25px 10px; width:500px }
.util_mediaplayer .introduction {padding-bottom:20px;}

@media( min-width: 1080px )
{
	.videos .pagecomponents_inner { display: flex; flex-wrap: wrap; justify-content: space-between; }
}


.dbase_testimonials .name {font-size:25px;padding-top:60px;font-weight:bold;color:var(--lteal);}
.dbase_testimonials .image {padding-top:20px;float:left;padding-right: 10px;}
.dbase_testimonials  li {clear:both;}
.dbase_testimonials .text.short {padding-top:10px;font-size:20px;}
.dbase_testimonials .more {color:var(--lteal);}

/* Videos */

.util_video { margin-bottom: 20px; }
.util_video .introduction { margin-bottom: 10px; }

.fec video {max-width: 500px; height: auto;}
.orangetop iframe {height: 300px; width: 100%;}

.resources iframe { max-width: 100%; height: 300px; }

/* Prevention */
.donate-banner a {
  display: block;
  text-align: center;
  padding: 10px 0;
  border-radius: 10px;
  border: 1px solid rgb(109, 161, 164);
  color: rgb(109, 161, 164);
  text-decoration: none;
  transition: all 0.2s ease-in-out; /* smooth hover effect */
}

.donate-banner a:hover {
  color: #fff;
  background-color: rgb(109, 161, 164);
}