/* ====================================================================== */
/* 1. FONTS - All @font-face declarations                                */
/* ====================================================================== */
@font-face{font-family:"Guardian-EgypTT-Light";src:url(https://cdn.buttoncare.com/fonts/Guardian-EgypTT-Light.eot);src:url("https://cdn.buttoncare.com/fonts/Guardian-EgypTT-Light.eot?#iefix") format("embedded-opentype"),url(https://cdn.buttoncare.com/fonts/Guardian-EgypTT-Light.woff2) format("woff2"),url(https://cdn.buttoncare.com/fonts/Guardian-EgypTT-Light.woff) format("woff"),url(https://cdn.buttoncare.com/fonts/Guardian-EgypTT-Light.ttf) format("truetype"),url("https://cdn.buttoncare.com/fonts/Guardian-EgypTT-Light.svg#guardianlight") format("svg");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Guardian-EgypTT-Regular";src:url(https://cdn.buttoncare.com/fonts/Guardian-EgypTT-Regular.eot);src:url("https://cdn.buttoncare.com/fonts/Guardian-EgypTT-Regular.eot?#iefix") format("embedded-opentype"),url(https://cdn.buttoncare.com/fonts/Guardian-EgypTT-Regular.woff2) format("woff2"),url(https://cdn.buttoncare.com/fonts/Guardian-EgypTT-Regular.woff) format("woff"),url(https://cdn.buttoncare.com/fonts/Guardian-EgypTT-Regular.ttf) format("truetype"),url("https://cdn.buttoncare.com/fonts/Guardian-EgypTT-Regular.svg#guardianregular") format("svg");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Guardian-EgypTT-Medium";src:url(https://cdn.buttoncare.com/fonts/Guardian-EgypTT-Medium.eot);src:url("https://cdn.buttoncare.com/fonts/Guardian-EgypTT-Medium.eot?#iefix") format("embedded-opentype"),url(https://cdn.buttoncare.com/fonts/Guardian-EgypTT-Medium.woff2) format("woff2"),url(https://cdn.buttoncare.com/fonts/Guardian-EgypTT-Medium.woff) format("woff"),url(https://cdn.buttoncare.com/fonts/Guardian-EgypTT-Medium.ttf) format("truetype"),url("https://cdn.buttoncare.com/fonts/Guardian-EgypTT-Medium.svg#guardianmedium") format("svg");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"FontAwesome";src:url(https://cdn.buttoncare.com/fonts/fontawesome-webfont.woff2) format("woff2"),url(https://cdn.buttoncare.com/fonts/fontawesome-webfont.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}

/* ====================================================================== */
/* 2. RESET & BASE - html, body, headings, links, common tags           */
/* ====================================================================== */
.font-size-is-large{font-size:18.5px}
.font-size-is-small{font-size:16px}
.font-size-is-xlarge{font-size:18.5px}
.hidden-desktop{display:none!important}
.hidden-large{display:none!important}
.hidden{display:none;visibility:hidden}
.style-2{border:0;height:1px;background-image:linear-gradient(to right,#fff0,rgb(0 0 0 / .75),#fff0);margin:30px auto;opacity:.8;width:80%}
.style-4{border-top:1px dotted #8c8b8b}
.style-7{border-top:1px solid #8c8b8b;border-bottom:1px solid #fff}
.table tbody+tbody{border-top:2px solid #ddd}
.table td{padding:8px;text-align:left;vertical-align:top;border-top:1px solid #ddd}
.table{width:100%;margin-bottom:20px}
.button,.error,.item-title,.readon,.success,.title,.warning,li.author,li.date{font-weight:300}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
a:active,a:hover{outline:0}
a:hover{color:#888;text-decoration:underline}
a{color:#3a3579;text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
footer,header,nav,section{display:block}
body{margin:0;height:100%;font-family:Guardian-EgypTT-Light,sans-serif;font-size:18.5px;line-height:1.1em;color:#333;background-color:var(--paper)}
h1{font-family:Guardian-EgypTT-Regular,Guardian-EgypTT-Light,Georgia,serif;font-size:125%;font-weight:300;line-height:1.1em;margin-top:0}
h2{font-size:115%;font-weight:700;line-height:1.1em;margin:0 0 6px 0}
h3{font-size:115%;font-weight:700;line-height:1.1em;margin:0 0 6px 0}
h4{font-size:115%;font-weight:700;line-height:1.1em;margin:0 0 6px 0}
h5{font-size:115%;font-weight:700;line-height:1.1em;margin:0 0 6px 0}
h6{font-size:115%;font-weight:700;line-height:1.1em;margin:0 0 6px 0}
hr{margin:15px 0 0 0;border:0}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}
img{max-width:100%;width:auto;height:auto;vertical-align:middle;border:0}
li{line-height:20px}
p{margin:0 0 10px 0}
table{max-width:100%;background-color:#fff0;border-collapse:collapse;border-spacing:0}
ul ul{margin-bottom:0}
ul{padding:0;margin:0 0 10px 25px}

/* ====================================================================== */
/* 3. GRID & LAYOUT - Flexbox grid, container, gantry widths             */
/* ====================================================================== */
.rt-container{margin:0 auto;position:relative}
.rt-flex-container{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-flow:row wrap;-moz-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}
.gantry-width-container{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-flow:row wrap;-moz-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}
.rt-container [class*=gantry-width],.rt-container [class*=rt-grid]{min-width:0}
.rt-grid-1{-webkit-flex-basis:8.3333333333%;-moz-flex-basis:8.3333333333%;-ms-flex-basis:8.3333333333%;flex-basis:8.3333333333%}
.rt-grid-2{-webkit-flex-basis:16.6666666667%;-moz-flex-basis:16.6666666667%;-ms-flex-basis:16.6666666667%;flex-basis:16.6666666667%}
.rt-grid-3{-webkit-flex-basis:25%;-moz-flex-basis:25%;-ms-flex-basis:25%;flex-basis:25%}
.rt-grid-4{-webkit-flex-basis:33.3333333333%;-moz-flex-basis:33.3333333333%;-ms-flex-basis:33.3333333333%;flex-basis:33.3333333333%}
.rt-grid-5{-webkit-flex-basis:41.6666666667%;-moz-flex-basis:41.6666666667%;-ms-flex-basis:41.6666666667%;flex-basis:41.6666666667%}
.rt-grid-6{-webkit-flex-basis:50%;-moz-flex-basis:50%;-ms-flex-basis:50%;flex-basis:50%}
.rt-grid-7{-webkit-flex-basis:58.3333333333%;-moz-flex-basis:58.3333333333%;-ms-flex-basis:58.3333333333%;flex-basis:58.3333333333%}
.rt-grid-8{-webkit-flex-basis:66.6666666667%;-moz-flex-basis:66.6666666667%;-ms-flex-basis:66.6666666667%;flex-basis:66.6666666667%;position:relative}
.rt-grid-9{-webkit-flex-basis:75%;-moz-flex-basis:75%;-ms-flex-basis:75%;flex-basis:75%}
.rt-grid-10{-webkit-flex-basis:83.3333333333%;-moz-flex-basis:83.3333333333%;-ms-flex-basis:83.3333333333%;flex-basis:83.3333333333%}
.rt-grid-11{-webkit-flex-basis:91.6666666667%;-moz-flex-basis:91.6666666667%;-ms-flex-basis:91.6666666667%;flex-basis:91.6666666667%}
.rt-grid-12{-webkit-flex-basis:100%;-moz-flex-basis:100%;-ms-flex-basis:100%;flex-basis:100%}
#rt-content-bottom,#rt-content-top{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:flex}
#rt-content-bottom [class*=rt-grid],#rt-content-top [class*=rt-grid]{-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1}
[class*=rt-prefix-],[class*=rt-pull-],[class*=rt-push-]{position:relative}
.rt-push-1{left:8.3333333333%}
.rt-push-2{left:16.6666666667%}
.rt-push-3{left:25%}
.rt-push-4{left:33.3333333333%}
.rt-push-5{left:41.6666666667%}
.rt-push-6{left:50%}
.rt-push-7{left:58.3333333333%}
.rt-push-8{left:66.6666666667%}
.rt-push-9{left:75%}
.rt-push-10{left:83.3333333333%}
.rt-push-11{left:91.6666666667%}
.gantry-row{margin:0 -15px}
.gantry-block-center{margin:auto;float:none!important}
.gantry-width-10{width:10%}
.gantry-width-20{width:20%}
.gantry-width-25{width:25%}
.gantry-width-30{width:30%}
.gantry-width-33{width:33.3333333333%}
.gantry-width-40{width:40%}
.gantry-width-50{width:50%}
.gantry-width-60{width:60%}
.gantry-width-66{width:66.6666666667%}
.gantry-width-70{width:70%}
.gantry-width-75{width:75%}
.gantry-width-80{width:80%}
.gantry-width-90{width:90%}
.gantry-width-100{width:90%}
.rt-logo{display:block;margin:0 auto}
.rt-logo-block{padding:20px 0}
.rt-omega{margin-bottom: 10px;}
.rt-grid-10:before,.rt-grid-11:before,.rt-grid-12:before,.rt-grid-1:before,.rt-grid-2:before,.rt-grid-3:before,.rt-grid-4:before,.rt-grid-5:before,.rt-grid-6:before,.rt-grid-7:before,.rt-grid-8:before,.rt-grid-9:before{display:table;content:"";clear:both}
.rt-grid-10:after,.rt-grid-11:after,.rt-grid-12:after,.rt-grid-1:after,.rt-grid-2:after,.rt-grid-3:after,.rt-grid-4:after,.rt-grid-5:after,.rt-grid-6:after,.rt-grid-7:after,.rt-grid-8:after,.rt-grid-9:after{display:table;content:"";clear:both}

/* ====================================================================== */
/* 4. UTILITIES - Spacing, alignment, visibility helpers                 */
/* ====================================================================== */
.nomargintop{margin-top:0!important}
.nomarginbottom{margin-bottom:0!important}
.rt-center{text-align:center!important}
.rt-uppercase{text-transform:uppercase!important}

/* ====================================================================== */
/* 5. SECTION ZONES - Background colors and basic text color for areas   */
/* ====================================================================== */
#rt-page-surround{overflow:hidden;color:#686868;background:#fafafa}
#rt-header{color:#fff;background-color:#3a3579;background-image:-moz-linear-gradient(center top,#282554,#3a3579);background-repeat:repeat-x;border-top:1px solid rgba(255,255,255,.1)}
#rt-showcase{color:#bfc3c5;background-color:#3a3579;margin-bottom:20px}
#rt-maintop{color:#686868;background-color:#fff}
#rt-extension{color:#090d0f;background-color:#fff}
#rt-bottom{color:#686868;background-color:#090d0f}
#rt-footer{color:#686868;background-color:#090d0f}
#rt-footer .rt-container{border-top:1px solid #131b1f}
#rt-copyright{color:#686868;background-color:#090d0f;overflow:hidden}
#rt-secondfullwidth{color:#fff;background-color:#3a353c}
.extension-type-preset5 #rt-extension{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 15s ease infinite;height:auto;box-shadow:rgba(0,0,0,.45) 0 25px 20px -20px;margin-top:30px}
@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}

/* ====================================================================== */
/* 6. MENU, COMPONENTS & INTERACTIONS                                    */
/* ====================================================================== */
/* --- Mobile Sidemenu --- */
#mobile-sidemenu-overlay.active{display:block}
#mobile-sidemenu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5);z-index:9997;display:none}
#mobile-sidemenu.active{left:0}
#mobile-sidemenu{position:fixed;top:0;left:-270px;width:270px;height:100%;background:#efefef;z-index:9998;overflow-y:auto;transition:left 0.2s ease-out;box-shadow:rgb(33 6 71 / .6) 0 7px 29px 0}

/* --- Menu Toggle Button --- */
.gf-menu-toggle .icon-bar{display:block;height:3px;background:#fafafa;transition:0.3s ease;border-radius:1px;width:18px}
.gf-menu-toggle .icon-bar+.icon-bar{margin-top:3px}
.gf-menu-toggle.active .icon-bar{display:none}
.gf-menu-toggle.active{left:270px;padding:8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fafafa' d='M20.12 2.46L8.59 13.99a1.5 1.5 0 000 2.12l11.53 11.53a1.5 1.5 0 002.12-2.12L11.33 15l10.9-10.9a1.5 1.5 0 00-2.12-2.12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:24px 24px;height:18px;background-color:#591ba4!important;border:1px solid #181632}
.gf-menu-toggle{padding:8px;position:fixed!important;top:13px;left:10px;width:18px;cursor:pointer;background-color:#322d67!important;border:1px solid #181632;border-radius:3px;z-index:9999;transition:left 0.2s ease-out;display:flex;flex-direction:column;align-items:center;justify-content:center}

/* --- Header Links --- */
#rt-header a:not(.item){color:#1b1939}
#rt-header a:not(.item):hover{color:inherit!important}
#rt-header .readon{vertical-align:middle;text-align:center;cursor:pointer;border:1px solid transparent;border-radius:3px;color:#fafafa!important;background-color:#1b1939!important}
#rt-header .readon:hover{color:#fafafa!important;background-color:#5a5a5a!important}
#rt-header .menu-block{text-align:center}

/* --- Dropdown Menu System --- */
.dropdown{margin-top:0}
.gf-menu .column{float:left;position:relative}
.gf-menu .dropdown-spacer{display:block;position:absolute;z-index:100}
.gf-menu .dropdown .flyout{display:block;margin-left:3px;margin-top:5px}
.gf-menu .dropdown .grouped ol{margin:5px 18px 0 9px;padding:5px 0}
.gf-menu .dropdown .grouped ol>li .item{padding:1px 5px}
.gf-menu .dropdown .grouped ol>li{padding:0}
.gf-menu .dropdown .grouped.parent>.item:after{font-family:FontAwesome;content:"\f078";font-size:12px}
.gf-menu .dropdown .grouped:hover:after{top:39px}
.gf-menu .dropdown .modules .module-content{padding:0 10px}
.gf-menu .dropdown .modules{font-size:90%;text-align:left;padding:5px 0}
.gf-menu .dropdown li.parent>.dropdown-spacer{top:0;right:-3px;width:35px;height:35px}
.gf-menu .dropdown li:hover>.flyout{left:100%;top:-5px}
.gf-menu .dropdown ul li .item{border:0 solid transparent}
.gf-menu .dropdown ul li.parent>.item:after{margin-top:-12px;font-family:FontAwesome;content:"\f105";font-size:18px;opacity:.5}
.gf-menu .dropdown ul li:first-child{margin-top:0}
.gf-menu .dropdown ul li:last-child{margin-bottom:0}
.gf-menu .dropdown ul li{display:block;float:none;margin:0;padding:0 4px;border:0}
.gf-menu .dropdown{margin:0 auto;padding:10px 0;position:absolute;opacity:0;left:-999em;text-align:left;-webkit-transition:opacity .3s ease-in;-moz-transition:opacity .3s ease-in;-o-transition:opacity .3s ease-in;transition:opacity .3s ease-in;z-index:100;-webkit-backface-visibility:hidden}
.gf-menu .item .menu-image{max-width:inherit;vertical-align:text-top;margin-top:-2px;margin-left:-2px}
.gf-menu .item.icon [class*=" icon-"],.gf-menu .item.icon [class^=icon-]{background-image:none!important;width:auto;font-family:inherit}
.gf-menu .item.icon [class*=" icon-"]:before,.gf-menu .item.icon [class^=icon-]:before{text-indent:0;margin-right:5px}
.gf-menu .item.subtext .menu-item-wrapper>em{display:block;font-size:13px;text-align:center;font-style:normal;position:relative;top:-2px}
.gf-menu .item.subtext{line-height:15px}
.gf-menu .item{font-size:16px;padding:3px 0;text-align:left;text-decoration:none;display:block;height:auto;outline:0;cursor:pointer}
.gf-menu li.item101{display:none!important}
.gf-menu li.parent>.item .menu-item-wrapper{padding:5px 5px 5px 3px;font-family:Guardian-EgypTT-Regular,serif}
.gf-menu li.parent>.item:after{position:absolute;right:30px;top:50%;margin-top:-12px;font-family:FontAwesome;content:"\f107";font-size:18px;opacity:.8}
.gf-menu li.parent>.item{position:relative;padding-right:17px}
.gf-menu li.active:hover>.dropdown,.gf-menu li:hover>.dropdown{left:0;top:auto;opacity:1}
.gf-menu li{float:left;display:block;text-align:center;position:relative;border:1px solid transparent;margin-right:20px}
.gf-menu ul{list-style:none;padding:0;margin:0}
.gf-menu.l1>li>.dropdown-spacer{width:100%;height:-3px}
.gf-menu.l1>li>.dropdown{margin-top:-3px}
.gf-menu.l1>li>.item .menu-image{margin-top:-1px}
.gf-menu.l1>li>.item.subtext .menu-item-wrapper>em{font-size:14px;position:relative;line-height:10px;top:-4px}
.gf-menu.l1>li>.item.subtext.icon .menu-item-wrapper>em{margin-left:10px!important;margin-right:-8px}
.gf-menu.l1>li>.item{font-size:18px;padding:0 15px;display:table-cell;vertical-align:middle;line-height:22px}
.gf-menu:after{display:table;content:"";clear:both}
.gf-menu{margin:0 auto;list-style:none}

/* --- Header Fixed & Scroll --- */
.header-type-fixed .rt-header-fixed-spacer{display:block;height:72px}
.header-type-fixed #rt-header,.header-type-scroll #rt-header{position:fixed;width:100%;z-index:3000;opacity:0;visibility:hidden;box-shadow:0 0 40px rgba(0,0,0,.8)}
.header-type-fixed #rt-header{opacity:1;visibility:visible;-webkit-transition:opacity .35s;-moz-transition:opacity .35s;-o-transition:opacity .35s;transition:opacity .35s}
.header-type-scroll.scrolling-enable #rt-header{opacity:1;visibility:visible;-webkit-transition:opacity .35s;-moz-transition:opacity .35s;-o-transition:opacity .35s;transition:opacity .35s}

/* --- Menu Block (Theme Overrides) --- */
.menu-block .gf-menu .dropdown .item{font-weight:400;font-size:16px;border-bottom:1px solid #26363f}
.menu-block .gf-menu .dropdown .menu-item-wrapper{padding:5px}
.menu-block .gf-menu .dropdown li:last-child .item{border-bottom:1px solid transparent}
.menu-block .gf-menu .dropdown{background:#090d0f;border-radius:0;border:1px solid transparent;padding:0 5px;-moz-box-shadow:2px 2px 2px #090d0f;-webkit-box-shadow:2px 2px 2px #090d0f;box-shadow:2px 2px 2px #090d0f}
.menu-block .gf-menu .grouped ol{border:1px solid rgba(0,0,0,0.1);border-radius:3px}
.menu-block .gf-menu .item{color:#fff;font-family:Guardian-EgypTT-Regular,sans-serif;font-weight:400;letter-spacing:0}
.menu-block .gf-menu .menu-item-wrapper{display:block;padding:5px 15px;border-radius:0;text-align:left;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}
.menu-block .gf-menu .modules{font-family:'Guardian-EgypTT-Regular',sans-serif}
.menu-block .gf-menu .rt-menu-logo .item{padding-right:180px!important}
.menu-block .gf-menu .rt-menu-logo::after{background:#fff;content:"";position:absolute;left:50%;bottom:10px;height:2px;margin-left:-35px;width:60px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.menu-block .gf-menu .rt-menu-logo:after{bottom:0!important}
.menu-block .gf-menu .rt-menu-logo:hover::after{width:90px;height:4px;bottom:6px;margin-left:-50px}
.menu-block .gf-menu .rt-menu-logo{background:url(https://cdn.buttoncare.com/images/logo/logo.png);background-repeat:no-repeat;background-position:left center;width:200px;height:65px}
.menu-block .gf-menu li.active>.item .menu-item-wrapper{color:#746ebf}
.menu-block .gf-menu li:focus>.item .menu-item-wrapper,.menu-block .gf-menu li:hover>.item .menu-item-wrapper{color:#746ebf}
.menu-block .gf-menu li{float:none;display:inline-block}
.menu-block .gf-menu.l1>li.parent>.item .menu-item-wrapper:after{font-family:FontAwesome;content:"\f107";line-height:normal;padding-left:5px}
.menu-block .gf-menu.l1>li.parent>.item:after{display:none}
.menu-block .gf-menu.l1>li>.item .menu-item-wrapper{padding:0;text-align:center;margin:0;min-width:125px;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease}
.menu-block .gf-menu.l1>li>.item{height:60px;padding:0}

/* --- Horizontal Menu --- */
.rt-horizmenu .menu li .item:before,.rt-horizmenu .menu li a:before{display:none}
.rt-horizmenu .menu li{display:inline-block}
.rt-horizmenu .menu{list-style:none}
.rt-horizmenu a:hover{color:#3a3579!important;background:0 0!important}
.rt-horizmenu a{color:inherit}
.rt-horizmenu.rt-block {margin-bottom: 20px;}
li.rt-menu-logo>a>span{opacity:0;height:0}
ul.menu li .item,ul.menu li a{display:block;padding:5px 15px;text-decoration:none;border-radius:3px}
ul.menu li .item:before,ul.menu li a:before{display:none}
ul.menu li .item:hover,ul.menu li a:hover{background:0 0!important}
ul.menu li{display:inline-block;margin:0}
ul.menu{list-style:none;margin:0;padding:0}

/* --- Dropdown Direction (Media Queries) --- */
@media only screen and (min-width:1200px){.rt-dropdown-left-large:hover>.dropdown{right:100%!important;left:auto!important}.gf-menu>.rt-dropdown-left-large:hover>.dropdown{right:0!important;left:auto!important}.rt-dropdown-right-large:hover>.dropdown{left:100%!important;right:auto!important}.gf-menu>.rt-dropdown-right-large:hover>.dropdown{left:0!important;right:auto!important}}
@media only screen and (min-width:960px) and (max-width:1199px){.rt-dropdown-left-desktop:hover>.dropdown{right:100%!important;left:auto!important}.gf-menu>.rt-dropdown-left-desktop:hover>.dropdown{right:0!important;left:auto!important}.rt-dropdown-right-desktop:hover>.dropdown{left:100%!important;right:auto!important}.gf-menu>.rt-dropdown-right-desktop:hover>.dropdown{left:0!important;right:auto!important}}
@media only screen and (min-width:768px) and (max-width:959px){.rt-dropdown-left-tablet:hover>.dropdown{right:100%!important;left:auto!important}.gf-menu>.rt-dropdown-left-tablet:hover>.dropdown{right:0!important;left:auto!important}.rt-dropdown-right-tablet:hover>.dropdown{left:100%!important;right:auto!important}.gf-menu>.rt-dropdown-right-tablet:hover>.dropdown{left:0!important;right:auto!important}}
@media only screen and (min-width:768px){.rt-dropdown-left:hover>.dropdown{right:100%!important;left:auto!important}.gf-menu>.rt-dropdown-left:hover>.dropdown{right:0!important;left:auto!important}.rt-dropdown-right:hover>.dropdown{left:100%!important;right:auto!important}.gf-menu>.rt-dropdown-right:hover>.dropdown{left:0!important;right:auto!important}}
[class*=menu-dropdownmenu-position-content-] #rt-content-bottom,[class*=menu-dropdownmenu-position-content-] #rt-content-top{overflow:visible}

/* --- Breadcrumbs --- */
.breadcrumb{padding:8px 15px;margin:0 0 20px;list-style:none;background-color:#f5f5f5;border-radius:4px}
.breadcrumb li{display:inline-block;text-shadow:0 1px 0 #fff}
.breadcrumb .divider{padding:0 5px;color:#ccc}
.breadcrumb .active{color:#999}
[data-icon]:before{font-family:IcoMoon;content:attr(data-icon);speak:none}
.icon-arrow-right:before{content:"\e006"}
#rt-breadcrumbs .rt-block{margin:0;padding:0 0 30px 25px}
.breadcrumb{padding:0;margin:0;background:0}
.breadcrumb li{list-style:none;text-shadow:none}
.breadcrumb li:not(:first-child):after{font-family:FontAwesome;content:"\f101";margin:0 10px}
.breadcrumb li:hover{text-decoration:none}
.breadcrumb li:last-child:after{display:none}
.breadcrumb .divider{display:none}
.breadcrumb .icon-location{display:inline-block!important}
.breadcrumb .icon-location:before{font-family:FontAwesome!important;content:"\f041"}
.breadcrumbs img{display:none}

/* --- Font Awesome Icons --- */
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-facebook:before{content:"\f09a"}
.fa-twitter:before{content:"\f099"}
.fa-instagram:before{content:"\f16d"}
.fa-rss:before{content:"\f09e"}
.fa-fw{width:1.2857142857143em;text-align:center}

/* --- Buttons --- */
.button,.readon,.readon2{font-family:Guardian-EgypTT-Regular,Fahkwang,Warbler,sans-serif;font-size:16px;text-transform:uppercase;display:inline-block;padding:15px 20px;line-height:normal;background-color:#424348;background-image:-moz-linear-gradient(center top,#515258,#424348);background-repeat:repeat-x;border:1px solid #2b2c2f;box-shadow:0 1px 0 rgb(255 255 255 / .3) inset,0 2px 2px rgb(0 0 0 / .2);color:#fff;text-shadow:-1px -1px 1px rgb(0 0 0 / .4);text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}
.button:hover,.readon2:hover,.readon:hover{background-color:#e35547;background-image:-moz-linear-gradient(center top,#ee6c57,#e35547);background-repeat:repeat-x;color:#fff}
.button:active,.readon2:active,.readon:active{background-color:#ec5840;background-image:-moz-linear-gradient(center top,#e35547,#ec5840);background-repeat:repeat-x}
button{margin:0;padding:0;font-size:15px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
button::-moz-focus-inner{padding:0;border:0}
label{font-size:14px;line-height:20px;vertical-align:middle}

/* --- Box Styles --- */
.box1{color:#fafafa;background:#3a3579}
.box1 .readon{color:#fafafa;border:1px solid #26224e;background:#2c295d}
.box1 .readon:hover{color:#fafafa;background:#4b459c}
.box2{color:#9d9a9e!important;background:#3a353c}
.box2 .readon{color:#fafafa;border:1px solid #696969;background:#747474}
.box2 .readon:hover{color:#fafafa;background:#a2a2a2}
.box3{color:#2f3237;background:#f0f0f0}
.box3 .readon{color:#2f3237!important;border:1px solid #dcdcdc!important;background:#dcdcdc!important}
.box3 .readon:hover{color:#2f3237!important;background:#fff!important}
.box4{color:gray;background:#000}
.box4 .readon{color:#fafafa;border:1px solid #1f1f1f;background:#1f1f1f}
.box4 .readon:hover{color:#fafafa;background:#2e2e2e}
.box5{border:1px solid #292556}
.box6{border:1px solid #e1e1e1}

/* --- Title Styles --- */
.title1 .module-title .title{color:#fafafa;background:#3a3579}
.title1 .readon{color:#fafafa;border:1px solid #26224e;background:#322d67}
.title1 .readon:hover{color:#fafafa;background:#4b459c}
.title2 .module-title .title{color:#fafafa;background:#888}
.title2 .readon{color:#fafafa;border:1px solid #696969;background:#7b7b7b}
.title2 .readon:hover{color:#fafafa;background:#a2a2a2}
.title3 .module-title .title{color:#2f3237!important;background:#f0f0f0!important}
.title3 .readon{color:#2f3237!important;border:1px solid #dcdcdc!important;background:#dcdcdc!important}
.title3 .readon:hover{color:#2f3237!important;background:#fff!important}
.title4 .module-title .title{color:#fafafa;background:#2f3237}
.title4 .readon{color:#fafafa;border:1px solid #1c1e21;background:#1c1e21}
.title4 .readon:hover{color:#fafafa;background:#474b53}
.title5 .module-title .title{margin:0;padding:5px 0;position:relative}
.title5 .module-title .title:after{background:#686868;content:"";position:absolute;left:0;bottom:0;height:4px;width:80px}
.title6 .module-title .title{font-size:2em;line-height:1.3em;letter-spacing:1px;margin:0 -2px 15px 0;padding:10px;position:relative}
.title6 .module-title .title:after{background:#686868;content:"";position:absolute;left:50%;bottom:0;height:4px;margin-left:-42px;width:80px}

/* --- Responsive Menu (Mobile) --- */
@media (max-width:767px){a[href]:hover{font-weight:700}.layout-mode-responsive .gf-menu-device-container{padding:5px}.layout-mode-responsive .gf-menu .dropdown .column{width:100%!important}.layout-mode-responsive .gf-menu .dropdown .flyout{display:block}.layout-mode-responsive .gf-menu .dropdown li:hover>.flyout{left:inherit;top:inherit}.layout-mode-responsive .gf-menu .dropdown ul li{margin:0}.layout-mode-responsive .gf-menu .dropdown:after{clear:both}.layout-mode-responsive .gf-menu .dropdown:after,.layout-mode-responsive .gf-menu .dropdown:before{display:table;content:"";line-height:0}.layout-mode-responsive .gf-menu .dropdown{width:100%!important;border:0!important;padding-top:0!important;padding-bottom:0!important;background:0 0!important;position:relative;left:inherit;top:inherit;opacity:1}.layout-mode-responsive .gf-menu li .columns-1>.col1>ul>li:last-child,.layout-mode-responsive .gf-menu li .columns-2>.col2>ul>li:last-child,.layout-mode-responsive .gf-menu li .columns-3>.col3>ul>li:last-child,.layout-mode-responsive .gf-menu li .columns-4>.col4>ul>li:last-child{background:transparent url(https://cdn.buttoncare.com/images/icons/tree-node-last.png) 0 -2px no-repeat!important;background-color:#efefef!important}.layout-mode-responsive .gf-menu li .item:after{content:""!important}.layout-mode-responsive .gf-menu li .item{padding:2px 5px 4px 5px!important;height:inherit!important}.layout-mode-responsive .gf-menu li{background:url(https://cdn.buttoncare.com/images/icons/tree-node.png) no-repeat!important;padding-left:20px!important;margin-right:0!important}.layout-mode-responsive .gf-menu ul{background:transparent url(https://cdn.buttoncare.com/images/icons/tree-main.png) repeat-y!important}.layout-mode-responsive .gf-menu.l1>li.active{margin-left:0;background:0 0;border:0}.layout-mode-responsive .gf-menu.l1>li{float:none;margin:0 -1px}.layout-mode-responsive .gf-menu.l1>li>.item{font-size:16px}.layout-mode-responsive .gf-menu{background-image:url(https://cdn.buttoncare.com/images/icons/tree-main.png)!important;background-repeat:repeat-y;background-clip:content-box;-webkit-background-clip:content-box}.layout-mode-responsive .gf-menu>li:first-child,.layout-mode-responsive .gf-menu>li:first-child.active{background:url(https://cdn.buttoncare.com/images/icons/tree-node-first.png) no-repeat!important}.layout-mode-responsive .gf-menu>li:last-child{background:transparent url(https://cdn.buttoncare.com/images/icons/tree-node-last.png) 0 -2px no-repeat!important;background-color:#efefef!important}}
body.layout-mode-responsive{-webkit-transition:left .2s ease-out;-moz-transition:left .2s ease-out;-o-transition:left .2s ease-out;transition:left .2s ease-out;position:relative;left:0}
body.layout-mode-responsive .gf-menu-device-container.responsive-type-panel{display:none}
@media (max-width:767px){.layout-mode-responsive .gf-menu-device-container.responsive-type-panel~ul.gf-menu{display:none}}

/* ====================================================================== */
/* 7. CUSTOM SECTIONS - All custom fp-* and page-specific styles        */
/* ====================================================================== */
#rt-logo{background:url(https://cdn.buttoncare.com/images/logo/logo.png) 50% 0 no-repeat!important;width:200px;height:35px}
.customfp-bottom-c{padding:0 15px}
.line-break{margin:20px 30px;border:0;border-bottom:1px dashed #ccc}
.rt-block{margin:0 25px;padding:10px;}
.rt-copyright-content.rt-block{margin:0 0 30px 0;text-align:center;font-size:16px;padding:0}
.rt-image img{display:block;margin:0 auto}
.rt-image {display:block;margin:0 auto}
.rt-title-large .title{font-size:28.8px;line-height:1.32em}
.rt-title-tag{display:block;font-size:21px;opacity:.5;padding:5px 0 0 0}
.rt-top-large-padding{font-size:105%;line-height:1.2em;font-weight:700;}
.fp-bottom-a .title,.fp-bottom-b .title,.fp-bottom-c .title{color:#c1c1c1}
.fp-bottom-a {margin-top:20px}
.fp-bottom-b {margin-top:20px}
.fp-bottom-c {margin-top:20px}
.fp-bottom-a a,.fp-bottom-b a,.fp-bottom-c a{color:#a8a8a8}
.fp-bottom-a a:hover,.fp-bottom-b a:hover,.fp-bottom-c a:hover{color:#3a3579}
.fp-bottom-c .gantry-width-spacer{font-size:18px;line-height:1.1em}
#gantry-totop:before{font-family:FontAwesome;content:"\f102"}
#gantry-totop:active{opacity:1;font-size:2.6em;padding:5px 20px}
@media (hover:hover){#gantry-totop:hover{opacity:1;font-size:2.6em;padding:5px 20px;color: white !important;}}
#gantry-totop{color:#fafafa;background:#3a3579;padding:5px 25px;font-size:1.5em;opacity:.25;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.gantry-totop-wrapper{padding:0;margin:0;position:absolute;right:5px;bottom:0}
rt-copyright-content.rt-block{margin:0 0 30px 0;text-align:center;font-size:16px;padding:0}
.rt-powered-by:hover{opacity:1}
.rt-powered-by{display:block;background:url(https://cdn.buttoncare.com/images/logo/logo-acrocare-left.png) 0 0 no-repeat;width:123px;height:55px;opacity:.5;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .2s ease-in;-moz-transition:opacity .2s ease-in;-o-transition:opacity .2s ease-in;transition:opacity .2s ease-in}

/* Knowledge Theme */
:root{--ink:#1a1a18;--paper:#f7f4ef;--warm:#f0ebe2;--accent:#b5451b;--accent2:#d4763b;--muted:#7a7568;--border:#ddd8ce;--card:#ffffff;--radius:8px}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:'Guardian-EgypTT-Light',serif;font-weight:300;line-height:1.2}.page{max-width:1100px;margin:0 auto;padding:10px 15px 30px 0px;display:grid;grid-template-columns:1fr 280px;gap:3rem;align-items:start;min-height:100vh}article{min-width:0}.article-eyebrow{display:flex;align-items:center;gap:.7rem;margin-bottom:1.1rem;flex-wrap:wrap}.tag{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .6rem;border-radius:2px;background:var(--warm);color:var(--accent);border:1px solid #e8d8c8}.read-time{font-size:.75rem;color:var(--muted)}article h1{font-family:'Guardian-EgypTT-Regular',serif;font-size:clamp(1.7rem,4vw,2.3rem);line-height:1.2;margin-bottom:1rem}.article-deck{font-size:17px;color:var(--muted);border-left:3px solid var(--accent2);padding-left:1rem;margin-bottom:2rem;font-style:italic;font-weight:300}.article-divider{border:none;border-top:1px solid var(--border);margin:2rem 0}article h2{font-family:'Guardian-EgypTT-Light',serif;font-weight:600;margin: 20px 0 0 0;}article h3{font-family:'Guardian-EgypTT-Light',serif;font-size:19px;font-weight:600;margin: 20px 0 0 0;}article p{padding: 5px 0 5px 0;margin: 0 10px 0 0;font-size:18.5px}article ul,article ol{margin-bottom:1rem}article li{font-size:.95rem;margin-bottom:.4rem}article strong{font-weight:600}.component-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:.8rem;margin:1.2rem 0 1.5rem}.component-card{background:var(--card);border:2px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem;text-align:center}.component-card h4{font-family:'Guardian-EgypTT-Light',serif;font-size:17px;font-weight:600;margin:.25rem auto!important;text-align:left}.component-card p{font-size:17px;color:var(--muted);margin:0;line-height:1;text-align:left;padding:5px}.component-card.highlight{border-color:var(--accent)}.cause-list{list-style:none;padding:0;margin:1rem 0}.cause-list li{padding:.9rem 1rem .9rem 1.2rem;border-left:3px solid var(--border);margin-bottom:.7rem;background:var(--card);border-radius:0 var(--radius) var(--radius) 0;transition:border-color .2s}.cause-list li:hover{border-left-color:var(--accent)}.cause-list .cause-num{font-size:17px;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:.3rem}.cause-list h3{font-size:19px}.cause-list p{font-size:17px;color:var(--muted);margin:0;line-height:1.2}.fabric-rule{background:var(--ink);color:#fff;border-radius:var(--radius);padding:1.4rem 1.6rem;margin:1.3rem 0}.fabric-rule h3{color:var(--accent2);font-family:'Guardian-EgypTT-Light',serif;font-size:19px;margin-bottom:.8rem}.prong-bar{display:flex;height:30px;border-radius:3px;overflow:hidden;margin:.6rem 0 .4rem}.prong-fabric{background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;white-space:nowrap;padding:0 .5rem}.prong-curl{background:#4a7c4e;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;white-space:nowrap;padding:0 .5rem}.prong-label{font-size:17px;color:#b8b0a4;margin-top:10px}.test-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.2rem 0}.test-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem}.test-card .test-num{font-size:19px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:.4rem}.test-card h3{font-family:'Guardian-EgypTT-Light',serif;font-size:19px;margin-bottom:.5rem}.test-card p{font-size:17px;color:var(--muted);margin:0;line-height:1.2}.callout{background:var(--warm);border:1px solid #e8d8c8;border-left:4px solid var(--accent);border-radius:var(--radius);padding:1.1rem 1.3rem;margin:1.5rem 0;font-size:17px}.callout strong{display:block;margin-bottom:.3rem;font-family:'Guardian-EgypTT-Light',serif;font-size:19px}.takeaways{background:#382309;color:#fff;border-radius:var(--radius);padding:1.5rem 1.8rem;margin:2rem 0}.takeaways h2{color:#fff;font-size:20px;letter-spacing:.1em;text-transform:uppercase;font-family:'Guardian-EgypTT-Light',serif;margin-bottom:1rem}.takeaways li{font-size:17px;color:#c8c2b8;margin-bottom:.6rem;line-height:1.55}.takeaways li::marker{color:var(--accent2)}.cta-box{border:1px solid var(--border);border-radius:var(--radius);padding:1.3rem 1.5rem;margin:2rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:rgba(100,100,111,.2) 0 7px 29px 0;flex-wrap:wrap;background: #fff;font-weight: 700;}.cta-box p{font-size:17px;color:var(--muted);margin:0}.cta-box a{padding:.6rem 1.2rem;background:var(--accent);color:#fff;margin-left: auto;margin-right: auto;text-decoration:none;border-radius:var(--radius);font-size:.85rem;white-space:nowrap;transition:background .2s}.cta-box a:hover{background:var(--accent2)}

/* Sidebar & Share */
aside{position:sticky;top:2rem;display:block}
.share-panel{width:200px;background:#fff;border:1px solid #ddd8ce;border-radius:8px;padding:1.5rem 1rem;box-shadow:0 4px 16px rgba(0,0,0,.06);text-align:left;line-height:1.1em;position:relative;margin:0 auto}
.share-panel-inline{display:none;margin:2rem 0;width:auto;background:#fff;border:1px solid #ddd8ce;border-radius:8px;padding:1rem 1rem;box-shadow:0 4px 16px rgba(0,0,0,.06);text-align:left;line-height:1.1em;position:relative;}
.share-title{font-family:inherit;font-size: 110% !important;font-weight:300;margin:0 0 .8rem;color:#1a1a18;font-weight:700}
.share-desc{font-size: 15px;margin-bottom: 1rem;line-height: 1.2em;font-weight: 300;}
.share-icons{display:grid;grid-template-columns:48px 48px 48px;gap:1rem;justify-content:center;margin:1.5rem 0}
.share-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#fff 0%,#534b7d 40%,#343434 100%);border-radius:12px;color:#fff;transition:transform .3s,box-shadow .2s;text-decoration:none;box-shadow:0 4px 6px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2)}
.share-icon:hover{transform:rotate(360deg);background:linear-gradient(135deg,#ddd8d8 0%,#e12a80 40%,#1c0202 100%);box-shadow:0 6px 12px rgba(58,53,121,.35),inset 0 1px 0 rgba(255,255,255,.3)}
.share-icon:active{transform:scale(.98);box-shadow:inset 0 8px 14px rgba(0,0,0,.4),inset 0 -2px 0 rgba(255,255,255,.1),0 0 0 transparent;transition:transform .08s,box-shadow .08s}
.share-icon svg{width:65%;height:65%;fill:#fff;display:block}
.copy-btn{margin:1rem auto 0;display:block;padding:15px 20px;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-family:inherit;text-align:center;text-transform:uppercase;line-height:normal;background-color:#424348;background-image:-moz-linear-gradient(center top,#515258,#424348);background-repeat:repeat-x;border:1px solid #2b2c2f;box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 2px 2px rgba(0,0,0,.2);text-shadow:-1px -1px 1px rgba(0,0,0,.4);transition:all .2s ease-in}
.copy-btn:hover{box-shadow:0 6px 12px rgba(58,53,121,.35),inset 0 1px 0 rgba(255,255,255,.3);background-color:#e35547;background-image:-moz-linear-gradient(center top,#ee6c57,#e35547)}
.copy-btn:active{transform:scale(.98);box-shadow:inset 0 6px 12px rgba(0,0,0,.4),inset 0 -1px 0 rgba(255,255,255,.15),0 1px 2px rgba(0,0,0,.1);transition:transform .08s,box-shadow .08s}
.toast{position:absolute;top:.5rem;left:50%;transform:translateX(-50%);background:#333;color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.7rem;opacity:0;transition:opacity .3s;pointer-events:none;z-index:10}
.toast.show{opacity:1}

/* custom : why-prong-snap-buttons-come-loose.html */
.type-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size: 17px;}
.type-table th{background:var(--ink);color:#fff;padding:.6rem .9rem;text-align:left;font-family:'Guardian-EgypTT-Light',serif;font-weight:600}
.type-table td{padding:.6rem .9rem;border-bottom:1px solid var(--border);background:var(--card);vertical-align:top}
.type-table tr:last-child td{border-bottom:none}
.strength-bar{display:flex;gap:3px;margin-top:.3rem}
.bar{width:16px;height:6px;border-radius:2px;background:var(--border)}
.bar.on{background:var(--accent)}

/* custom : eyelets-wont-stay-in.html */
.cause-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;overflow:hidden;margin-top: 20px;}
.cause-head{display:flex;align-items:baseline;gap:.8rem;padding:.9rem 1.2rem .7rem;border-bottom:1px solid var(--border);background:var(--warm)}
.cause-num{font-size:16px;text-transform:uppercase;color:var(--accent);font-weight:600;white-space:nowrap}
.cause-head h3{font-family:'Guardian-EgypTT-Light',serif;font-size:1rem;font-weight:600;margin:0}
.cause-body{padding:.9rem 1.2rem}
.cause-body p{font-size:18.5px;color:var(--ink);margin-bottom:.7rem;line-height:1.1}
.fix-row{display:flex;align-items:flex-start;gap:.6rem;background:var(--warm);border:1px solid #e8d8c8;border-radius:var(--radius);padding:.7rem .9rem;font-size:.85rem;margin-top:.5rem}
.fix-label{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#4a7c4e;font-weight:700;white-space:nowrap;padding-top:.1rem}
.checklist .check-item{display:flex;align-items:baseline;gap:.8rem;padding:.55rem 0;border-bottom:1px solid #2a2820;font-size:17px;margin-left:auto;margin-right:auto;max-width:520px;text-align: left;}
.checklist .check-item:last-child{border-bottom:none}
.checklist {text-align:center}
.check-q{color:#c8c2b8;line-height:1.2}
.check-a{color:var(--accent2);font-size:17px;}
body.layout-mode-responsive .promo2 { margin-bottom:20px; font-size:24px; font-weight:700; } 

/* ====================================================================== */
/* 8. RESPONSIVE - All media queries in one place                        */
/* ====================================================================== */
@media only screen and (min-width:1200px){
body.layout-mode-responsive h1 { font-size: 165%; }
body.layout-mode-responsive h2 { font-size: 125%; }
body.layout-mode-responsive h3 { font-size: 120%; }
body.layout-mode-responsive h4 { font-size: 120%; }
body.layout-mode-responsive h5 { font-size: 120%; }  
body.layout-mode-responsive .hidden-large{display:none!important}
body.layout-mode-responsive .hidden-desktop{display:none!important}
body.layout-mode-responsive .rt-container{width:1200px}
body.layout-mode-responsive .promo2 { margin-bottom:20px; font-size:24px; font-weight:700; }
.copyright-line{font-size:16px}
.image-top {max-width: 40%;}
.image-top-knowledge {max-width: 70%;}
}

@media only screen and (min-width:960px) and (max-width:1199px){
body.layout-mode-responsive h1 { font-size: 150%; }
body.layout-mode-responsive h2 { font-size: 125%; }
body.layout-mode-responsive h3 { font-size: 120%; }
body.layout-mode-responsive h4 { font-size: 120%; }
body.layout-mode-responsive h5 { font-size: 120%; }
body.layout-mode-responsive .hidden-tablet{display:none!important}
body.layout-mode-responsive .hidden-large{display:inherit!important}
body.layout-mode-responsive .hidden-desktop{display:inherit!important}
body.layout-mode-responsive .gf-menu.l1>li.parent>.item:after{display:none}
body.layout-mode-responsive .promo2 { margin-bottom:20px; font-size:22px; font-weight:700; }
body.layout-mode-responsive .rt-container{width:768px}
#rt-breadcrumbs .rt-block{font-size:17px;margin:0;padding:0 0 25px 0}
#rt-copyright .rt-flex-container{text-align:center;line-height:1.3;padding-top:20px;}
.copyright-line{display:block;font-size:15px}
.customfp-bottom-c{margin-top:20px!important;padding:10px!important}
.font-size-is-xlarge{font-size:17.5px!important} 
.page { max-width: 900px !important }
.image-top {max-width: 50%;}
.image-top-knowledge {max-width: 60%;}
.rt-grid-4{margin:5px 0 0 0 !important}
}

@media only screen and (min-width:768px) and (max-width:959px){
body.layout-mode-responsive h1 { font-size: 140%; line-height: 100%; }
body.layout-mode-responsive h2 { font-size: 125%; }
body.layout-mode-responsive h3 { font-size: 120%; }
body.layout-mode-responsive h4 { font-size: 120%; }
body.layout-mode-responsive h5 { font-size: 120%; }
body.layout-mode-responsive .hidden-tablet{display:none!important}
body.layout-mode-responsive .hidden-large{display:inherit!important}
body.layout-mode-responsive .hidden-desktop{display:inherit!important}
body.layout-mode-responsive .gf-menu.l1>li.parent>.item:after{display:none}
body.layout-mode-responsive .promo2 { margin-bottom:20px; font-size:22px; font-weight:700; }
body.layout-mode-responsive .rt-container{width:768px}
#rt-breadcrumbs .rt-block{font-size:17px;margin:0;padding:0 0 25px 0}
#rt-copyright .rt-flex-container{text-align:center;line-height:1.3;padding-top:20px;}
.copyright-line{display:block;font-size:15px}
.customfp-bottom-c{margin-top:20px!important;padding:10px!important}
.font-size-is-xlarge{font-size:17.5px!important}
.image-top-electroplating{width:100%}
.image-top{width:45%}
.menu-block .gf-menu.l1>li>.item .menu-item-wrapper{min-width:95px}
.readon{margin-left:5px!important;margin-right:5px!important}
.rt-block {margin: 0 10px;padding: 10px 0 0 0;}
.rt-grid-4{margin:5px 0 0 0 !important}
.page { max-width: 768px !important }
.image-top {max-width: 50%;}
.image-top-knowledge {max-width: 60%;} 
}

@media (max-width:767px){
body.layout-mode-responsive {padding:0}
body.layout-mode-responsive body.layout-mode-responsive .rt-table{border-width:1px}
body.layout-mode-responsive .rt-social-buttons{text-align:center}
body.layout-mode-responsive .rt-powered-by{margin:0 auto}
body.layout-mode-responsive .rt-phone-center{text-align:center}
body.layout-mode-responsive .rt-logo-block{padding:5px 0}
body.layout-mode-responsive .row{margin:0;display:block}
body.layout-mode-responsive .menu-block{float:none;margin:auto;border-bottom:0}
body.layout-mode-responsive .hidden-phone{display:none!important}
body.layout-mode-responsive .hidden-large{display:inherit!important}
body.layout-mode-responsive .hidden-desktop{display:inherit!important}
body.layout-mode-responsive .gantry-width-20,body.layout-mode-responsive .gantry-width-25,body.layout-mode-responsive .gantry-width-30,body.layout-mode-responsive .gantry-width-33,body.layout-mode-responsive .gantry-width-40,body.layout-mode-responsive .gantry-width-50,body.layout-mode-responsive .gantry-width-60,body.layout-mode-responsive .gantry-width-66,body.layout-mode-responsive .gantry-width-70,body.layout-mode-responsive .gantry-width-75,body.layout-mode-responsive .gantry-width-80{width:100%}
body.layout-mode-responsive .flyout{margin-left:0!important}
body.layout-mode-responsive .dropdown{background:0 0!important;box-shadow:none!important;border:0!important}
body.layout-mode-responsive .dropdown-spacer{display:none!important}
body.layout-mode-responsive .component-content .column-1,body.layout-mode-responsive .component-content .column-2,body.layout-mode-responsive .component-content .column-3,body.layout-mode-responsive body.layout-mode-responsive #rt-page-surround{padding:0}
body.layout-mode-responsive #rt-logo{margin:15px auto}
body.layout-mode-responsive #rt-copyright{text-align:center}
body.layout-mode-responsive #rt-content-bottom [class*=rt-grid],body.layout-mode-responsive #rt-content-top [class*=rt-grid]{-webkit-flex:auto;-moz-flex:auto;-ms-flex:auto;flex:auto}
body.layout-mode-responsive .promo2 { margin-bottom:20px; font-size:22px; font-weight:700; }
[class*=rt-pull],[class*=rt-push]{left:auto}
[class*=rt-prefix]{padding-left:0}
.rt-grid-6{width:100%!important}
.rt-copyright-content.rt-block {margin-bottom: 30px !important;}
.rt-container [class*=gantry-width],.rt-container [class*=rt-grid]{-webkit-flex-basis:100%;-moz-flex-basis:100%;-ms-flex-basis:100%;flex-basis:100%}
.component-content .column-4{width:100%!important;float:none!important;margin:0!important}
.copyright-line{display:block;font-size:15px}

.page { max-width: 768px !important }
.page{grid-template-columns:1fr;padding:20px 30px 0}aside{display:none}
.cause-body p  { font-size:17.5px !important; }  
.share-panel { display:none; }
.image-top {max-width: 50%;}
.image-top-knowledge {max-width: 70%;}  
.test-grid{grid-template-columns:1fr}
.component-grid{grid-template-columns:1fr 1fr}
.share-panel{display:none}
}
  
@media(max-width:767px) and (orientation:portrait) {
.share-panel{display:none}
.share-panel-inline{display:block}
.share-panel-inline .share-icons{grid-template-columns:repeat(6,1fr);gap:.4rem}
.share-panel-inline .share-icon{width:46px;height:46px}
}
  
@media(max-width:767px) and (orientation:landscape) {
  aside{display:block}.page{grid-template-columns:1fr 200px}
.share-panel{width:180px}
}

@media only screen and (min-width:375px) and (max-width:767px){
body.layout-mode-responsive h1 { font-size: 130%; line-height: 1.1em;}
body.layout-mode-responsive h2 { font-size: 125%; }
body.layout-mode-responsive h3 { font-size: 120%; }
body.layout-mode-responsive h4 { font-size: 120%; } 
body.layout-mode-responsive .promo2 { margin-bottom:20px; font-size:22px; font-weight:700; }
.cause-body p  { font-size:17.5px !important; }  
.share-panel  { display:none; }
.image-top {max-width: 90%;}
.image-top-knowledge {max-width: 70%;} 
}

@media only screen and (max-width:374px){
body.layout-mode-responsive h1 { font-size: 130%; line-height: 1.1em; margin-top: 30px; }
body.layout-mode-responsive h2 { font-size: 125%; }
body.layout-mode-responsive h3 { font-size: 120%; }
body.layout-mode-responsive h4 { font-size: 120%; }
body.layout-mode-responsive .promo2 { margin-bottom:20px; font-size:22px; font-weight:700; }
.copyright-line{display:block;font-size:15px}
.customfp-bottom-c {margin: 30px 0 20px 0;}
.font-size-is-xlarge{font-size:17.5px!important}
.rt-block{margin: 0 8px; padding: 0 10px;}
.rt-copyright-content.rt-block {margin-bottom: 30px !important;}
.rt-copyright-content{font-size:15px!important}
.rt-grid-4{margin:5px 0 0 0 !important}
.rt-title-tag{font-size:19px;line-height:1.1em;max-width:340px;margin:auto}
.rt-top-large-padding{font-size:105%}
.rt-powered-by {margin-top: 20px !important;}
.cause-body p  { font-size:17.5px !important; }  
.share-panel  { display:none; }
.image-top {max-width: 90%;}
.image-top-knowledge {max-width: 70%;} 
}

/* ====================================================================== */
/* 9. ANIMATIONS - Keyframes and animated classes                       */
/* ====================================================================== */
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

/* ====================================================================== */
/* 10. COOKIE POLICY                                                     */
/* ====================================================================== */
.cpnb,.cpnb *{margin-bottom:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}.cpnb{position:fixed;z-index:9999999;clear:both}.cpnb-outer{border-color:#202226;border-style:solid;background:#292188!important;color:#f1f1f3;font-family:'Guardian-EgypTT-Light',sans-serif;font-size:15px;width:auto;text-align:left;opacity:.8;box-shadow:rgb(0 0 0 / .3) 0 19px 38px,rgb(0 0 0 / .22) 0 15px 12px;border-radius:10px}.cpnb-outer.cpnb-div-position-top{border-bottom-width:1px;left:0;width:100%}.cpnb-outer.cpnb-div-position-bottom{border-top-width:1px;left:0;width:100%}.cpnb-outer.cpnb-div-position-top-left,.cpnb-outer.cpnb-div-position-top-right,.cpnb-outer.cpnb-div-position-bottom-left,.cpnb-outer.cpnb-div-position-bottom-right{border-width:1px}.cpnb-outer.cpnb-div-position-top{top:0;left:0;width:100%}.cpnb-outer.cpnb-div-position-bottom{bottom:0;left:0;width:100%}.cpnb-outer.cpnb-div-position-top-left{top:10px;left:10px;width:450px}.cpnb-outer.cpnb-div-position-top-right{top:10px;right:10px;width:450px}.cpnb-outer.cpnb-div-position-bottom-left{bottom:10px;left:10px;width:450px}.cpnb-outer.cpnb-div-position-bottom-right{bottom:10px;right:10px;left:auto;width:450px}.cpnb-outer.cpnb-div-position-center{width:450px}.cpnb-inner{padding:15px 25px 5px 25px;overflow:hidden}.cpnb-x-close-icon{cursor:pointer;position:absolute;right:16px;top:16px;width:16px;height:16px;opacity:.3}.cpnb-x-close-icon:hover{opacity:1}.cpnb-x-close-icon:before,.cpnb-x-close-icon:after{position:absolute;left:15px;content:' ';height:17px;width:2px;background-color:#fff;top:-5px;cursor:pointer}.cpnb-x-close-icon:before{transform:rotate(45deg)}.cpnb-x-close-icon:after{transform:rotate(-45deg)}.cpnb-inner::-webkit-scrollbar{display:none}#cpnb_warningBoxBgOverlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999}.cpnb-message{float:left;text-align:justify;padding:4px 8px;color:#f1f1f3}.cpnb-message a{color:#fff;text-decoration:none;border-bottom:1px dotted #fff}.cpnb-message a:hover{text-decoration:none;border-bottom:1px dotted #f3c13a}.cpnb-buttons{float:right;text-align:center}.cpnb-button,.cpnb-button-ok{display:inline-block;padding:4px 8px;margin:0 8px 0 0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#fff;background-color:rgb(72 0 255);font-size:14px;text-decoration:none;text-shadow:0 -1px 0 rgb(0 0 0 / .25);cursor:pointer;border:0;outline:0}.cpnb-button:last-child{margin-right:0}.cpnb-button:hover,.cpnb-button:focus,.cpnb-button-ok:hover,.cpnb-button-ok:focus{color:#fff;background-color:rgb(108 58 209)}.cpnb-button-decline{margin-left:0;background-color:rgb(119 31 31)}.cpnb-button-decline:hover,.cpnb-button-decline:focus{background-color:rgb(175 38 20)}.cpnb-button-more-default{background-color:rgb(123 138 139)}.cpnb-button-more-default:hover,.cpnb-button-more-default:focus{background-color:rgb(105 118 119)}.cpnb-button-cancel,.cpnb-button-reload,.cpnb-button-cancel-modal{color:#fff;background-color:rgb(90 90 90)}.cpnb-button-cancel:hover,.cpnb-button-cancel:focus,.cpnb-button-reload:hover,.cpnb-button-reload:focus,.cpnb-button-cancel-modal:hover,.cpnb-button-cancel-modal:focus{background-color:rgb(54 54 54)}.cpnb-button-settings,.cpnb-button-settings-modal{color:#fff;background-color:rgb(90 90 90)}.cpnb-button-settings:hover,.cpnb-button-settings:focus,.cpnb-button-settings-modal:hover,.cpnb-button-settings-modal:focus{color:#fff;background-color:rgb(54 54 54)}.cpnb-clear-both{clear:both}.cpnb-div-position-top-left .cpnb-message,.cpnb-div-position-top-right .cpnb-message,.cpnb-div-position-bottom-left .cpnb-message,.cpnb-div-position-bottom-right .cpnb-message,.cpnb-div-position-center .cpnb-message{text-align:left;font-size:15px;display:block;padding:0 8px;margin-bottom:20px}.cpnb-div-position-top-left .cpnb-button,.cpnb-div-position-top-right .cpnb-button,.cpnb-div-position-bottom-left .cpnb-button,.cpnb-div-position-bottom-right .cpnb-button{margin-bottom:10px}.cpnb-div-position-top-left .cpnb-buttons,.cpnb-div-position-top-right .cpnb-buttons,.cpnb-div-position-bottom-left .cpnb-buttons,.cpnb-div-position-bottom-right .cpnb-buttons,.cpnb-div-position-center .cpnb-buttons{float:none}.cpnb-div-position-top-left .cpnb-inner,.cpnb-div-position-top-right .cpnb-inner,.cpnb-div-position-bottom-left .cpnb-inner,.cpnb-div-position-bottom-right .cpnb-inner{padding:15px 25px 5px 25px}.cpnb-div-position-center .cpnb-inner{padding:20px}.cpnb-div-position-top-left .cpnb-outer,.cpnb-div-position-top-right .cpnb-outer,.cpnb-div-position-bottom-left .cpnb-outer,.cpnb-div-position-bottom-right .cpnb-outer{border-radius:10px}
.cpnb-modal-wrap{z-index:99999999;position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:scroll;overflow:hidden}
.cpnb-modal-bg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:flex-start;-ms-flex-align:center;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100%;background-color:rgba(0,0,0,0.5);padding:2em}
.cpnb-modal-inner{text-align:left;position:relative;width:100%;padding:2em;background-color:#fff;color:#000;z-index:50000;box-shadow:0 .25em .5em rgba(0,0,0,0.25);min-height:150px;max-height:650px;overflow:auto;border-radius:15px;-webkit-overflow-scrolling:touch}
.cpnb-modal--medium{max-width:48em}
.cpnb-modal-close{position:absolute;right:20px;top:20px;cursor:pointer;opacity:.5;background:url('https://cdn.buttoncare.com/images/icons/close-icon-20x20.png');width:20px;height:20px}
.cpnb-modal-close:hover{opacity:1}
.cpnb-modal-footer{padding:10px 0;border-radius:0 0 4px 4px;font-family:'Guardian-EgypTT-Light',sans-serif}
.cpnb-modal-actions .cpnb-button:first-child
.cpnb-modal-actions .cpnb-button
.cpnb-modal-show-fade-in{visibility:visible;opacity:1;-webkit-transition:opacity .1s,visibility .1s;transition:opacity .1s,visibility .1s}
.cpnb-modal-show-fade-out{opacity:0;visibility:hidden;-webkit-transition:opacity .1s,visibility .1s;transition:opacity .1s,visibility .1s}
@media only screen and (min-width:960px) and (max-width:1199px){.cpnb-message{float:none;width:100%;display:block;clear:both;margin-bottom:15px;text-align:center;padding:0}.cpnb-buttons{float:none;width:100%;clear:both;text-align:center;margin-top:0;margin-bottom:10px}.cpnb-button{margin:0 8px 0 0}}
@media only screen and (min-width:768px) and (max-width:959px){.cpnb-outer.cpnb-div-position-bottom-right{right:10px;left:auto;width:auto;max-width:450px;margin-left:10px}.cpnb-modal-inner{height:auto;max-height:calc(100vh - 4em)}.cpnb-modal-footer{height:auto;padding:15px 0 10px 0}.cpnb-modal-actions .cpnb-button{margin-bottom:8px}}
@media only screen and (max-width:767px){.cpnb-inner{padding:20px}.cpnb-message{float:none;width:100%;display:block;clear:both;margin-bottom:15px}.cpnb-buttons{float:none;width:100%;clear:both;text-align:center;margin-top:0;margin-bottom:0}.cpnb-button{display:block;margin:10px 0 3px 0;text-align:center;padding:7px 0}.cpnb-outer.cpnb-div-position-bottom,.cpnb-outer.cpnb-div-position-bottom-left,.cpnb-outer.cpnb-div-position-bottom-right{bottom:5px;right:5px;left:auto;width:auto;max-width:calc(100% - 10px)}.cpnb-div-position-top,.cpnb-div-position-top-left,.cpnb-div-position-top-right{top:0;left:0;width:100%}.cpnb-div-position-center{left:0;width:auto}.cpnb-div-position-center .cpnb-message{padding:0}.cpnb-modal-inner{padding:0.8em;font-size:15px;line-height:1.1em;border-radius:8px;height:auto;max-height:calc(100vh - 2em)}.cpnb-modal-footer{height:auto;padding:15px 0 10px 0}.cpnb-modal-actions .cpnb-button{margin-bottom:8px}hr{margin:0}.cpnb-modal-bg{padding:1em;height:100%}}