/* CSS Document 
 Theme Name:   RCC
 Author:       C2 Software
 Version:      1.0.4
*/

/* defaults */

html {  font-size: 16px!important; font-family: sans-serif; -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%; width:100%; height:100%; -webkit-font-smoothing: antialiased; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { overflow-x: hidden; height:100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -.5em; }
sub { bottom: -.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
fieldset { padding:0;  margin: 0;  border: none; }
legend { padding: 0; border: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
div, span, input, a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
table { border-spacing: 0; border-collapse: collapse; }
td, th { padding: 0; }

:root {
    --wp--custom--colors--white: #FFFFFF;
    --wp--custom--colors--teal: #0a5157;
    --wp--custom--colors--grey: #EFEDF2;
    --wp--custom--colors--darkgrey: #606060;
    --wp--custom--colors--black: #101820;
    --wp--custom--colors--red: #ea3a45;
    --wp--custom--colors--orange: #ffa300;
    --wp--custom--colors--lime: #a6be78;
    --wp--custom--colors--yellow: #f9b233;
    --wp--custom--colors--green: #3aaa35;
    --wp--custom--colors--cyan: #3e999f;
    --wp--custom--colors--blue: #012169;
    --wp--custom--colors--lightblue: #CBD3EB;
    --wp--custom--colors--highlightblue: #3E519D;
    --wp--custom--colors--portalblue: #3E519D;
    --wp--custom--colors--purple: #702F8A;
    --wp--custom--colors--brown: #a3685a;
}

.clr { clear: both; height: 0; }
.no-pad { padding-left: 0!important; }
.textleft { text-align: left; }
.textright { text-align: right; }
.dtop { display: block!important; }
.mobonly { display: none!important;}
.grey-bk { background: var(--wp--custom--colors--grey); padding: 10px; }
.blue-bk { background: var(--wp--custom--colors--blue); padding: 10px; }
.purple-bk { background: var(--wp--custom--colors--purple); padding: 10px; }
.colourBlue { color: var(--wp--custom--colors--blue); }
.colourPurple { color: var(--wp--custom--colors--purple); }

a:focus, a:hover, #page a:hover { color: var(--wp--custom--colors--highlightblue); text-decoration: none; }
a { color: var(--wp--custom--colors--blue); text-decoration: none; }
h1 { font-size: 3.2rem!important; line-height: 3.8rem; }
h2 { font-size: 2.3rem!important; line-height: 2.8rem; }
h3 { font-size: 2.2rem!important; line-height: 2.6rem; }
h4 { font-size: 2rem!important; line-height: 2.2rem; }
h5 { font-size: 1.4rem!important; line-height: 1.8rem; }
h6 { font-size: 1rem!important; line-height: 1.2rem; }
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a { color: var(--wp--custom--colors--blue); font-weight: 700!important; font-family: Helvetica, Arial, "sans-serif"!important; text-decoration: none!important; }
.colour h1, .colour h2, .colour h3, .colour h4, .colour h5, .colour h6 { font-family: Helvetica, Arial, "sans-serif"!important; color: var(--wp--custom--colors--blue); font-weight: 500!important; }
.colourBlue h1, .colourBlue h1 a, .colourBlue h2, .colourBlue h2 a, .colourBlue h3, .colourBlue h3 a, .colourBlue h4, .colourBlue h4 a, .colourBlue h5, .colourBlue h5 a, .colourBlue h6, .colourBlue h6 a { font-weight: 700!important; }
.colourPurple h1, .colourPurple h1 a, .colourPurple h2, .colourPurple h2 a, .colourPurple h3, .colourPurple h3 a, .colourPurple h4, .colourPurple h4 a, .colourPurple h5, .colourPurple h5 a, .colourPurple h6, .coloucolourPurplerBlue h6 a { font-weight: 700!important; }

.sticky {
  position: fixed;
  top: 0;
  z-index: 1000;
  margin:0!important;
}

/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/l/font?kit=J7adnpV-BGlaFfdAhLQo6btP&skey=36a3d5758e0e2f58&v=v15) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/l/font?kit=J7aYnpV-BGlaFfdAhLQgUp5aHRge&skey=8b00183e5f6700b6&v=v15) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/l/font?kit=J7afnpV-BGlaFfdAhLEY6w&skey=a1029226f80653a8&v=v15) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/l/font?kit=J7aanpV-BGlaFfdAjAo9_pxqHw&skey=cd2dd6afe6bf0eb2&v=v15) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}

body { background: #fff!important; font-size: 1rem!important; font-family: 'Calibri', Helvetica, Arial, "sans-serif"!important; color: var(--wp--custom--colors--black)!important; }
.container { margin: 0 auto; width: 1200px; }

/* header */
#head-rcc { background: var(--wp--custom--colors--portalblue); color: #fff; padding: 20px 0 0 0; height: 200px; }
#head-rcc.blue-bk {background: var(--wp--custom--colors--blue); }
.head-logo { text-align: center; }
.head-logo img { width: 400px !important; height: 120px !important; }
.head-rcc-login-search {  display: flex;  flex-direction: row;  justify-content: flex-end;}
.head-rcc-search { float: right; }
.head-rcc-search input.form-control { width: 300px; border-radius: 6px; height: 35px; line-height: 35px; background-color: #eeeeee; border: 1px solid #fff; color: #505050; margin-right: 15px; font-size: 1.1rem; }
.head-rcc-search .input-group-btn { width:auto; }
.head-rcc-search .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 6px; }
.head-rcc-search .form-search .btn { border-radius: 6px; height: 35px; line-height: 35px; background-color: #eeeeee; border: 1px solid #fff; color: #2e3231; font-size: 1.1rem; padding: 0px 15px; }
.head-rcc-search .form-search .btn:hover { color: #CBD3EB;}
.head-rcc-nav { width:100%; background: var(--wp--custom--colors--blue); margin: 20px 0 0 0; }
#rcc  #band h1 { font-family: Helvetica, Arial, "sans-serif"!important; font-weight: 700!important; }

.signin-portal a  { border-radius: 6px; height: 35px; line-height: 35px; background-color: #eeeeee; border: 1px solid #fff; color: #2e3231; font-size: 1.1rem; 
    padding: 0px 15px; display: inline-block; margin-left: 15px; float: right; }
.signin-portal a:hover, .signin-link:hover { color: #CBD3EB;}
.signin-link { font-weight: bold; }

/* Events header */
.head-rcc-search .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.head-rcc-search .btn {
    border-radius: 6px;
    height: 35px;
    line-height: 35px;
    background-color: #eee;
    border: 1px solid #fff;
    color: #2e3231;
    font-size: 1.1rem;
    padding: 0 15px;
    display: inline-block;
}
.head-rcc-search .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 6px;
}
.head-rcc-search input.form-control {
    width: 300px;
    border-radius: 6px;
    height: 35px;
    line-height: 35px;
    background-color: #eee;
    border: 1px solid #fff;
    color: #505050;
    margin-right: 15px;
    font-size: 1.1rem;
    padding: 6px 12px;
    display: table-cell;
}


#page { min-height: calc(100vh - (200px + 180px + 190px)); padding: 30px 0 50px 0px; }
.rcc-master #band { height: 180px; background-color: var(--wp--custom--colors--grey); background-position-y: 50%; }
.rcc-master #band h1 {
    margin: 0;
    text-align: center;
    color: var(--wp--custom--colors--blue);
}
.rcc-master #band .band-layout-overlay { width: 100%; height: 100%;
/*
    opacity: 0.75;
    background-color: var(--wp--custom--colors--white);
*/
}
.rcc-master #band .container, #band .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%; }
.rcc-master #band .inner, #band .inner { position: unset!important; transform: none!important; text-align: center;
    color: var(--wp--custom--colors--blue); }

/* Home */
/***********************************************
*** HERO
***********************************************/

#rcc-hero { background-color: #ffffff; min-height:570px;  width: 100%; background-image: url("/assets/img/banner-logo-bk.webp"); background-repeat: no-repeat; background-position: bottom right; background-size: auto; padding: 50px 0; }
#rcc-hero .inner { margin-top:75px; }
#rcc-hero .inner h1 { margin-bottom:30px; }
#rcc-hero .inner p { margin-bottom:30px; }

#rcc-hero .inner .link a { color:#ffffff; font-size:20px; margin-top:30px; margin-bottom:24px; text-decoration:none; border-radius:5px; height:43px; line-height:43px; text-align:center; padding-left:20px; padding-right:20px; display:inline-block; }
.colour #rcc-hero .inner .link a  { background:var(--wp--custom--colors--blue); }
#rcc-hero .inner .link a:hover { background-color:#375fb8; }


/***********************************************
*** BOXES
***********************************************/
#boxes { background:#fff;  margin: 4rem 0;  }
#boxes .row { margin-left: -30px; margin-right: -30px;}
#boxes .col-sm-12 {padding-left: 30px; padding-right: 30px;}
#boxes .inner .box-one {  }
#boxes .inner .box-two {  }
#boxes .inner .box-thr {  }
#boxes .inner .box { position:relative; }
#boxes .inner .box h3 { font-size:30px; margin:0px; margin-bottom:35px; color:#0971ce; font-weight:400; }
#boxes .inner .box .image { height:312px; overflow:hidden; }
#boxes .inner .box .image img { width:100%!important; height: auto!important; }
#boxes .inner .box .content { padding:20px; }
#boxes .inner .box.b { background:#cbd3eb; }
#boxes .inner .box.g { background:var(--wp--custom--colors--grey); }
#boxes .inner .box .content h3 { margin-bottom:20px; color:var(--wp--custom--colors--blue); font-size:30px; height:65px; overflow:hidden; }
#boxes .inner .box .content h3 a { color:#000000; text-decoration:none; }
#boxes .inner .box .content p { color: #101820; font-size:18px; line-height:25px; margin-bottom:27px; height:101px; overflow:hidden; }
#boxes .inner .box .content .link a { color:#ffffff; font-size:20px; margin-top:30px; margin-bottom:24px; text-decoration:none; border-radius:5px; height:43px; line-height:43px; text-align:center; padding-left:20px; padding-right:20px; display:inline-block; }
.colourBlue #boxes .inner .box .content .link a, .colour #boxes .inner .box .content .link a  { background:var(--wp--custom--colors--blue); }
.colourPurple #boxes .inner .box .content .link a  { background: var(--wp--custom--colors--purple); }
#boxes .inner .box .content .link a:hover { background-color:#375fb8; }
#boxes .inner .box.last { background:url("/assets/img/rcc-box-3-bk.webp") no-repeat; height:662px; background-size: cover; }
#boxes .inner .box.last .content { background:transparent; }
#boxes .inner .box.last .content h3 { margin-top:35px; color:var(--wp--custom--colors--blue); }
#boxes .inner .box.last .content .link a { background-color:var(--wp--custom--colors--grey); color: var(--wp--custom--colors--blue);  }
#boxes .inner .box.last .content .link a:hover { background-color:var(--wp--custom--colors--blue); color:#ffffff; }
#boxes .inner .box.last .content .push { height:500px; color:#ffffff; }
#boxes .inner .box.last .content .push p { height:auto; }

.greybar { width: 100%; background: var(--wp--custom--colors--grey); text-align: center; padding: 30px 0; font-family: "Georgia", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; font-size: 1.5rem; font-style: italic; }
.greybar-content { width: 100%; background: var(--wp--custom--colors--grey); padding-top: 30px; padding-bottom: 30px; }
.rcc-master #page .greybar-content  .widget { background: var(--wp--custom--colors--grey); }
.main-content {padding-bottom: 30px;}
.extra-content { padding-top: 30px; padding-bottom: 30px; }
.sidebar { border-left: var(--wp--custom--colors--blue) solid 1px; }

/* content */
.container a:where(:not(.btn):not(.signin-link)) {
                color: var(--wp--custom--colors--blue);
                text-decoration: underline;
            }
.rcc-master .text-format p { font-family: 'Calibri', Helvetica, Arial, "sans-serif"!important; color: var(--wp--custom--colors--black)!important;  }
.rcc-master b, .rcc-master strong { font-weight: 700; }

.maintext { padding: 50px 15px; }
#content .nav li.active a { background: var(--wp--custom--colors--blue) !important; color: #ffffff !important; }
.rcc-master #page .container .row .inner H2, .rcc-master #page .container .row .inner H3, .rcc-master #page .container .row .inner H4, .rcc-master #page .container .row .inner H5 { margin: 8px 0; }
.rcc-master #page .container .row .inner p { margin: 8px 0; }
.rcc-master #page .widget { border: none; background: #ffffff; }
.rcc-master #page .widget .inner, #page .widget .inner { padding: 0; }
#page .widget {  border: none; background: #ffffff; }

.accordion {  background-color: var(--wp--custom--colors--blue); color: #fff;  cursor: pointer;  padding: 18px;  width: 100%;  border: none;  text-align: left;  outline: none;  font-size: 18px;  transition: 0.4s;  display: block;    border-bottom: #fff solid 2px;}

.accordion.active, .accordion:hover {  background-color: var(--wp--custom--colors--grey); color: #101820;}
.accordion:after {
  content: '\002B';
  color: #fff;
  font-weight: bold;
  float: right;
  margin-left: 0;
}
.accordion.active:after {  content: "\2212"; color: #101820; }
.acc-panel {  padding: 0 18px;  background-color: white;  max-height: 0;  overflow: hidden;  transition: max-height 0.2s ease-out;}
 .row-full {
 width: 100vw;
 position: relative;
 margin-left: -50vw;
 height: 100px;
 margin-top: 100px;
 left: 50%;
}
.search-results {  margin-bottom: 30px; }
.search-results .pagination { margin: 15px 0; }
.pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span, .pagination>.active>span:hover, .pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: var(--wp--custom--colors--blue);
    border-color: var(--wp--custom--colors--blue);
    cursor: default;
}
.rcc-newletters a { margin: 5px 0; padding-left: 15px;
    display: block;
    border-bottom: 0;}
.rcc-newletters a:before { content: "> "; }
.rcc-newletters br { display: none; }

/* news */
.rcc-master #news .head { padding: 15px 0 0 0; }
#page .article { background: var(--wp--custom--colors--grey); max-width: 1300px; margin: auto; padding: 5%; }

#page .article-newsitems { display: grid;  grid-template-columns: 1fr 1fr 1fr 1fr;  grid-template-rows: auto;  grid-auto-rows: auto;  gap: 0px 10px;  grid-auto-flow: row;  grid-template-areas:  ". . . .";  width: 100%; }
.rcc-master .article-newsitems .feat { padding: 10px; }

/* events */
.rcc-master #events .item .inner .link a {
    display: inline-block;
    padding: 5px 30px;
    min-width: 90px;
    text-align: center;
    background: var(--wp--custom--colors--blue);
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    font-weight: 400;
    border-radius: 3px;
    text-decoration: none;
}
.rcc-master #EntityFormPanel .btn {
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 3px;
}
.rcc-master #entitylist-filters {
    background: var(--wp--custom--colors--grey);
    padding: 20px;
    margin-bottom: 30px;
    text-align: center;
}
.rcc-master #step ul li.now {
    color: var(--wp--custom--colors--blue);
}
.rcc-master #step ul li.now:before {
    border-color: var(--wp--custom--colors--blue);
    background-color: var(--wp--custom--colors--blue);
    color: #ffffff;
}

#page #events h3 { font-size: 1.4rem!important; line-height: 1.6rem; }
#page #events>.row { margin-left: 0; margin-right: 0;}
#page #events>.row>.col-lg-12 { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); margin-bottom: 30px; padding-left: 0; padding-right: 0; }
#page #events>.row>.col-lg-12 .col-lg-6 { padding-left: 0; padding-right: 0; }
#events .rcc-grid .item { margin-bottom: 0; height: 100%; display: flex; flex-direction: column; align-content: space-between; flex-wrap: wrap; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); }
#page #events .rcc-grid .item .inner, #page #events>.row>.col-lg-12 .col-lg-6 .inner { padding: 15px 1rem; }
#page #events .item.featured-1 { border-top: none;  padding-top: 0; }
#page #events .item.featured-2 { border-bottom: none; padding-bottom: 0; }
#page #events .item .image { height: 200px; background: var(--wp--custom--colors--grey); }
#page #events .item { margin-bottom: 0; overflow: hidden; }

#page #details h3, #details h3 {
    margin: 0px;
    font-size: 2.2rem;
    text-transform: none;
    margin-bottom: 20px;
    line-height: 40px;
}

/* members */
.colour .nav li.active a { background: var(--wp--custom--colors--blue) !important; color: #ffffff !important;}
.colour .btn.btn-primary { background: var(--wp--custom--colors--blue);}
.colour .poll { border-top: 7px solid var(--wp--custom--colors--blue);}

.rcc-grid {  display: grid;  grid-template-columns: 1fr 1fr 1fr;  grid-template-rows: auto;  grid-auto-rows: auto;  gap: 30px 30px;  grid-auto-flow: row;  grid-template-areas:  ". . .";  width: 100%;}

.res-row.rcc-grid { gap: 15px 15px; margin-bottom: 15px; }

.rcc-grid-container {}
.rcc-boxes .columnBlockLayout { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); }

.rcc-master #page .widget .inner .box:hover .img, .rcc-master #page .widget .inner .box.active .img {  background: var(--wp--custom--colors--blue);}
.rcc-master #page .widget .inner .box:hover, .rcc-master #page .widget .inner .box:hover h3 a, .rcc-master #page .widget .inner .box.active h3 a, .rcc-master #page .widget .inner .box.active  {  color: var(--wp--custom--colors--blue); }
.rcc-master #page .widget .inner .box { margin-bottom: 0; height: 100%; display: flex; flex-direction: column; align-content: space-between; flex-wrap: wrap; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); }
.rcc-master #page .widget .inner .box img {max-width: 100%; height: auto;}
.rcc-master #page .widget .inner .box .img { height: 220px; overflow: hidden; opacity: 1;}
.rcc-master #page .widget .inner .box .inner { padding: 15px 1rem; }
.rcc-master #page .widget .inner .box a { text-decoration: none; }
.rcc-master .box h3, .rcc-master .box h5 { margin: 8px 0; padding: 0 1rem; }
.rcc-master .box h3 a, .rcc-master .box h5 a { font-weight: 700;  font-style: normal;  color: var(--wp--custom--colors--blue); }

.rcc-master .table tbody tr td h3 {
    margin: 0px;
    margin-bottom: 0;
    font-size: 1.1rem!important;
    text-transform: none;
    color: var(--wp--custom--colors--blue);
    line-height: 22px;
}

.rcc-master .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: var(--wp--custom--colors--grey);
}

/* Resources */
#filterDisplayDiv { margin-bottom: 30px; }
.panel-default>.panel-heading {
    color: var(--wp--custom--colors--blue);
    background-color: var(--wp--custom--colors--grey);
    border-color: var(--wp--custom--colors--grey);
    margin-bottom: 10px;
    padding: 5px 15px;
}
.panel-default>.panel-collapse { padding: 0 15px;}

.rcc-master #recordsDisplayDiv .box h5 { font-size: 1.3rem !important; line-height: 1.4rem; }

.rcc-master #page .widget  .inner #recordsDisplayDiv .box .img { height: 190px; }

.rcc-master .rcc-summary { color: var(--wp--custom--colors--black); }

#pagin { font-size: 1rem; }
#pagin li { display: inline-block;}

.rcc-master .current {
	  background-color: var(--wp--custom--colors--blue);
	  color: white;
	}

.rcc-master .pageNumber{
    padding: 4px 8px;
    font-size: 1rem;
    border-radius: 3px;
    margin-left: 0;
	}

.rcc-master .pageArrowPre{
    font-size: 1.2rem;
    margin-right:2%;
    cursor: pointer;
    color: var(--wp--custom--colors--darkgrey);
	}

.rcc-master .pageArrowPost{
    font-size: 1.2rem;
    margin-left:2%;
    cursor: pointer;
    color: var(--wp--custom--colors--darkgrey);
	}
.rcc-master .rcc-netclix-page h2 { font-size: 2rem !important;
    line-height: 2.2rem; margin-bottom: 10px!important; }
.rcc-master .rcc-netclix-page h3 { font-size: 1.8rem !important;
    line-height: 2rem; margin-bottom: 15px!important; }
.rcc-master #netclixspeaker {
    font-size: 18px;
    margin: 0 0 30px 0;
}
.rcc-master #netclixsummary { margin: 0 0 30px 0; }
.rcc-master #netclixembed { margin: 30px 0; }
.rcc-master .topicMarker{
        margin-right:10px;
        padding:10px;
        background-color: var(--wp--custom--colors--highlightblue);
        color: white;
        font-weight: 700;
        border-radius: 0;
    }

/* buttons */
#page .container .more-link a, #home .container .feat .link a, #page #news .item .inner .link a, #content-container .btn, #content-container .btn.btn-primary {
    display: inline-block;padding: 10px 20px;min-width: 160px; text-align: center;color: #ffffff;cursor: pointer;border-radius: 10px;-webkit-box-shadow: 5px 10px 12px -12px rgba(0,0,0,0.5);-moz-box-shadow: 5px 10px 12px -12px rgba(0,0,0,0.5);box-shadow: 5px 10px 12px -12px rgba(0,0,0,0.5); text-decoration: none;
}
#page .container .more-link a, #home .container .feat .link a, #page #news .item .inner .link a, #content-container .btn, #content-container .btn.btn-primary, #rcc .more-link a:last-of-type { background: var(--wp--custom--colors--blue); border-radius: 3px; text-decoration: none;}

#page .container .more-link a:last-of-type {  background: var(--wp--custom--colors--blue); border-radius: 3px; color: #ffffff; text-decoration: none; }
.rcc-master.colour button { background: var(--wp--custom--colors--blue); border-radius: 3px; color: #ffffff; border: none;text-decoration: none; }


#rcc #EntityFormPanel .btn, #page #EntityFormPanel .btn, #page .btn.btn-primary, #page .filterSearchBtn { padding: 10px 20px;  font-size: 16px; font-weight: 400;border-radius: 3px; }
#page a.btn-secondary:hover {  color: var(--wp--custom--colors--blue);}
#page .btn.btn-primary, #page .filterSearchBtn { background: var(--wp--custom--colors--blue); color: var(--wp--custom--colors--white); border: none; }

.rcc-master .rcc-netclix-btn {}
#page .rcc-eventsbk-btn { margin-bottom: 15px; }

/* alerts / warnings */
#page .alert-info {
    background-color: var(--wp--custom--colors--lightblue);
    border-color: transparent;
    color: var(--wp--custom--colors--black);
}
#page .alert-warning {
    background-color: var(--wp--custom--colors--lightblue);
    border-color:  var(--wp--custom--colors--lightblue);
    color: var(--wp--custom--colors--black);
}
#page .crmEntityFormView .validation-summary h2 {
    margin: 0 0 1em 0;
    padding: 0;
    font-size: 1.2em!important;
}
#page .table.pink tbody tr th { font-weight:400; background:var(--wp--custom--colors--red); color:#ffffff; padding:15px; vertical-align:middle; }
#page .table.pink tbody tr td { font-weight:300; padding:15px; vertical-align:middle; background:var(--wp--custom--colors--grey); color:var(--wp--custom--colors--red); }
#page .table.pink tbody tr td a { color:var(--wp--custom--colors--red); text-decoration:underline; }



/* forms */
#page .text-field__input, .questionInput input[type="text"] {
    font-size: 1rem;
    height: 54px;
    min-width: 240px;
    padding: 6px 15px;
    width: 100%;
}
#page .text-field__input {border: none;}
    
#page .text-field__label-text {
    display: inline-block;
    font-weight: 600;
    margin-bottom: 10px;
    width: 100%;
}
#page input.form-control, #page textarea.form-control {
    border-radius: 0px;
    min-width: 250px;
    border: 1px solid var(--wp--custom--colors--grey);
    height: 54px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--wp--custom--colors--white);
}
#page textarea.form-control { min-height: 50px; height: auto; }

#page input[type="radio"], #page input[type="checkbox"] { 
        margin: 2px 5px 2px 0; 
        accent-color: var(--wp--custom--colors--blue); 
        color: var(--wp--custom--colors--blue); width: 16px;
        height: 16px;
        display: inline-table; 
        border: 1px solid var(--wp--custom--colors--blue); 
        border-radius: 0px; 
}

#page .crmEntityFormView .boolean-radio label {
    font-weight: 400;
    margin-right: 10px;
}

#page #EntityFormPanel table td.cell label a {
    text-decoration: underline;
    color: var(--wp--custom--colors--red);
}


/* footer */
#footer {
  background: var(--wp--custom--colors--grey);
  color: #101820;
  padding: 25px 0; }

#footer a {
  color: #101820;
  text-decoration: none; }

#footer a:hover { color: #3E519D; }

.footermenu ul {
  list-style: none; }

.socallinks { text-align: center; }
.socallinks a {
  margin: 0 0.5rem 0 0;
  display: inline-block;
  width: 22px;
  height: 22px; }
  .socallinks a svg {
    height: 22px;
    width: auto; }

.contactnos { text-align: center; margin: 15px 0; }

#footercredit {
  background: var(--wp--custom--colors--blue);
  color: #fff;
  font-size: .8rem;
  padding: 15px 0; }

#footercredit a {
  color: #fff; }



/* RESPONSIVE */

@media (max-width: 1760px) { 
    /* Laptop Xlarge */
 .rcc-master #page .widget .inner { padding: 0 15px; }
}

@media (max-width: 1460px) { 
    /* Laptop large */
    
h1 { font-size: 3.1rem!important; line-height: 3.6rem; }
h2 { font-size: 2.1rem!important; line-height: 2.6rem; }
h3 { font-size: 2rem!important; line-height: 2.4rem; }
h4 { font-size: 2rem!important; line-height: 2.2rem; }
h5 { font-size: 1.4rem!important; line-height: 1.8rem; }
h6 { font-size: 1rem!important; line-height: 1.2rem; }
    
#boxes .row { margin-left: -20px; margin-right: -20px;}
#boxes .col-sm-12 {padding-left: 20px; padding-right: 20px;}
.rcc-master #page .widget .inner { padding: 0 40px; }
}

@media (max-width: 1200px) { 
    /* Small desktop */
  .container { width: 100%; }
#page h1 { font-size: 2.6rem; line-height: 3rem; }
    /***********************************************
  ** HERO
  ***********************************************/

  #rcc-hero .cycle ul.items { height:auto !important; }
  #rcc-hero .cycle ul.items li { padding:0px 15px; padding-right:1px;  }

  /***********************************************
  ** BOXES
  ***********************************************/

  #boxes .inner .box .image { height:205px; }
  #boxes .inner .box .content br { display:none; }
  #boxes .inner .box.last { height:555px; }
  #boxes .inner .box.last .content .push { height:383px; }
}

@media (max-width: 1024px) { 
    /* * Tablet */
    h1 { font-size: 3rem!important; line-height: 3.4rem; }
h2 { font-size: 2.2rem!important; line-height: 2.6rem; }
h3 { font-size: 2rem!important; line-height: 2.2rem; }
h4 { font-size: 1.8rem!important; line-height: 2rem; }
h5 { font-size: 1.4rem!important; line-height: 1.8rem; }
h6 { font-size: 1rem!important; line-height: 1.2rem; }
  .container { width: 100%; }
    #head-rcc .container  { padding-left: 1rem; padding-right: 1rem; }
    #head-rcc .head-rcc-nav .container  { padding-left: 0; padding-right:0 ; }
  .head-logo img, .logoimg { width: 400px!important; height: auto!important; }
    #rcc-hero { padding: 30px 0; }
    #rcc-hero .inner, #rcc-hero .cycle  { margin-top:50px; }
    #boxes .row { margin-left: -15px; margin-right: -15px;}
#boxes .col-sm-12 {padding-left: 15px; padding-right: 15px;}
    .rcc-master #page .widget .inner { padding: 0 15px; }
    .rcc-grid {  grid-template-columns: 1fr 1fr; gap: 15px 15px;  grid-template-areas: ". ."; }
}

@media (max-width: 992px) { 
    #head-rcc { height: auto; }
    .head-rcc-login-search {  justify-content: center; padding: 15px 0 0 0; }
    #head-rcc .col-md-9 .input-group { display: flex; align-items: center; justify-content: center; }
    .head-logo img, .logoimg { width: 400px!important; }
    .head-rcc-nav {  }
     /***********************************************
  ** HERO
  ***********************************************/

  #rcc-hero { height:auto; }
  #rcc-hero .inner { padding:40px 0px; margin-top:0px; }
  #rcc-hero .inner h1 { margin-top:0px; }
  #rcc-hero .box-two { padding-left:15px; padding-right:15px; }
    
  /***********************************************
  ** BOXES
  ***********************************************/

  #boxes .inner { margin-top:20px; height:auto; }
  #boxes .inner .box-one { }
  #boxes .inner .box-two { }
  #boxes .inner .box-thr { }
  #boxes .inner .box { margin-bottom:20px; }
  #boxes .inner .box .image { height:155px; }
  #boxes .inner .box.last { height:auto;  }
  #boxes .inner .box.last .content .push { height:auto; }
  #boxes .inner .box .content p { height:auto; }
  #boxes .inner .box .content br { display:none; }
  #boxes .inner .box .content .link a { margin:5px 0px; }
  #boxes .inner .box .content h2 { height:auto; }
}

@media (max-width: 768px) { 
    /* Smart Phone */
    html { font-size: 16px; }
    h2 { font-size: 2.4rem!important; line-height: 2.8rem; }
    .dtop { display: none!important; }
    .mobonly { display: block!important;}
    .head-logo img, .logoimg { width: 320px!important; }
    #head-rcc .head-rcc-login-search {  }
    .head-rcc-search { }
    .head-rcc-search input.form-control { width: 260px; font-size: 1rem; min-width: 100px; }
    .head-rcc-search .form-search .btn { font-size: 1rem; padding: 0px 15px; }
    .head-rcc-nav {  margin: 15px 0 0 0; }
    .socallinks { padding: 15px 0 0; }
    #footer .container, #footer .container .textright  { text-align: center;}
    #footercredit>.container>div>div { padding: 15px; text-align: center; }
    

  #rcc-hero { height:auto; }
  #rcc-hero .inner { padding:40px 0px; margin-top:0px; }
  #rcc-hero .inner h1 { margin-top:0px; }
  #rcc-hero .cycle { display:none; }

.article-newsitems {  grid-template-columns: 1fr 1fr; gap: 0px 10px;  grid-template-areas: ". ."; }
  

#boxes .inner { margin-top:20px; }
#boxes .inner .box-one { }
#boxes .inner .box-two { }
#boxes .inner .box-thr { }
#boxes .inner .box { margin-bottom:20px; }
#boxes .inner .box .image { height:155px; }
#boxes .inner .box.last { height:auto;  }
#boxes .inner .box.last .content .push { height:auto; }
#boxes .inner .box .content br { display:none; }
#boxes .inner .box .content .link a { margin:5px 0px; }
    
}

@media (max-width: 760px) { 
    h1 { font-size: 2.6rem!important; line-height: 3rem; }
h2 { font-size: 1.8rem!important; line-height: 2rem; }
h3 { font-size: 1.6rem!important; line-height: 1.8rem; }
h4 { font-size: 1.4rem!important; line-height: 1.6rem; }
h5 { font-size: 1.2rem!important; line-height: 1.4rem; }
h6 { font-size: 1rem!important; line-height: 1.2rem; }
.rcc-grid, .article-newsitems {  grid-template-columns: 1fr; gap: 15px 15px;  grid-template-areas: "."; }
.rcc-master .table tbody tr td h3 {  font-size: 1rem!important; }
}

@media (max-width: 480px) { 
    /*  Phone */
  html { font-size: 16px; }
  .rcc-master #page .widget .inner { padding: 0 10px; }
  .container {  }
  .head-rcc-search input.form-control { width: 160px; }
  .article-newsitems { flex-direction: column; }
}

@media (max-width: 320px) { 
    .head-rcc-search input.form-control { width: 120px; }
}

/* MENU */
/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm{box-sizing:border-box;position:relative;z-index:9999;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:default;}
.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}

.sm-simple {
  border: 1px solid #fff;
  background: var(--wp--custom--colors--blue);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active {
  padding: 9px 20px;
  /* make room for the toggle button (sub indicator) */
  padding-right: 58px;
  color: #fff;
  font-family: 'Calibri', Helvetica, Arial, "sans-serif";
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.4rem;
  text-decoration: none;
}
.sm-simple a.current {
  color: #fff;
}
.sm-simple a.disabled {
  color: #cccccc;
}
.sm-simple a .sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 14px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(0, 0, 0, 0.2);
}
.sm-simple a .sub-arrow::before {
  content: '+';
}
.sm-simple a.highlighted .sub-arrow::before {
  content: '-';
}
.sm-simple > li {
  border-top: 1px solid #fff;
}
.sm-simple > li:first-child {
  
}
.sm-simple > li:last-child { }
.sm-simple ul {}
.sm-simple ul a, .sm-simple ul a:hover, .sm-simple ul a:focus, .sm-simple ul a:active { }
.sm-simple ul ul a,
.sm-simple ul ul a:hover,
.sm-simple ul ul a:focus,
.sm-simple ul ul a:active {
  border-left: 16px solid transparent;
}
.sm-simple ul ul ul a,
.sm-simple ul ul ul a:hover,
.sm-simple ul ul ul a:focus,
.sm-simple ul ul ul a:active {
  border-left: 24px solid transparent;
}
.sm-simple ul ul ul ul a,
.sm-simple ul ul ul ul a:hover,
.sm-simple ul ul ul ul a:focus,
.sm-simple ul ul ul ul a:active {
  border-left: 32px solid transparent;
}
.sm-simple ul ul ul ul ul a,
.sm-simple ul ul ul ul ul a:hover,
.sm-simple ul ul ul ul ul a:focus,
.sm-simple ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}

@media (min-width: 1025px) {
  /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
   #main-menu { float: right; clear: none;  }
    
  .sm-simple ul {    position: absolute;    width: 12em;  }
  .sm-simple li { float: left; }
  .sm-simple.sm-rtl li {    float: right;  }
  .sm-simple ul li, .sm-simple.sm-rtl ul li, .sm-simple.sm-vertical li {    float: none;  }
  .sm-simple a {    white-space: nowrap; display: inline-block;  }
  .sm-simple ul a, .sm-simple.sm-vertical a {white-space: normal;  }
  .sm-simple .sm-nowrap > li > a, .sm-simple .sm-nowrap > li > :not(ul) a { white-space: nowrap;  }
  /* ...end */
  .sm-simple { background: var(--wp--custom--colors--blue);  }
  .sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
    padding: 0 7px; 
    line-height: 30px;
    color: #fff;
    vertical-align: baseline;
    margin-left: 0!important;
  }
  .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
    color: #CBD3EB;
  }
  .sm-simple a.current { color: #fff;  }
  .sm-simple a.disabled { color: #fff;  }
  .sm-simple a.has-submenu {
    padding-right: 32px;
  }
  .sm-simple a .sub-arrow {
      top: 50%;
      margin-top: -2px;
      right: 12px;
      width: 0;
      height: 0;
      border-width: 4px;
      border-style: solid dashed dashed dashed;
      border-color: #fff transparent transparent transparent;
      background: transparent;
      border-radius: 0; }
  .sm-simple a.highlighted .sub-arrow::before {
    display: none;
  }
  .sm-simple > li {
    border-top: 0;
  }
    .sm-simple > li:after {
    content: '/'; font-size: 1.4rem; padding-left: 10px;
  }
    .sm-simple > li:nth-last-of-type(1)::after, .sm-simple > li:last-of-type::after { content: ''  }
  .sm-simple > li:first-child {
    border-left: 0;
  }
  .sm-simple ul {
    background: var(--wp--custom--colors--blue);
  }
  .sm-simple ul a {
    border: 0 !important;
  }
  .sm-simple ul a.has-submenu {
    padding-right: 20px;
  }
  .sm-simple ul a .sub-arrow {
    left: 8px;
    right: auto;
  }
  .sm-simple ul > li {
    border-left: 0;
  }
  .sm-simple ul > li:first-child {
    border-top: 0;
  }
  .sm-simple .scroll-up,
  .sm-simple .scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: #fff;
    height: 20px;
  }
  .sm-simple .scroll-up-arrow,
  .sm-simple .scroll-down-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 8px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #555555 transparent;
  }
  .sm-simple .scroll-down-arrow {
    top: 6px;
    border-style: solid dashed dashed dashed;
    border-color: #555555 transparent transparent transparent;
  }
  .sm-simple.sm-rtl a.has-submenu {
    padding-right: 20px;
    padding-left: 32px;
  }
  .sm-simple.sm-rtl a .sub-arrow {
    left: 20px;
    right: auto;
  }
  .sm-simple.sm-rtl.sm-vertical a.has-submenu {
    padding: 11px 20px;
  }
  .sm-simple.sm-rtl.sm-vertical a .sub-arrow {
    left: auto;
    right: 8px;
  }
  .sm-simple.sm-rtl > li:first-child {
    border-left: 1px solid #eeeeee;
  }
  .sm-simple.sm-rtl > li:last-child {
    border-left: 0;
  }
  .sm-simple.sm-rtl ul a.has-submenu {padding: 11px 20px;  }
  .sm-simple.sm-rtl ul a .sub-arrow {left: auto;right: 8px;  }
  .sm-simple.sm-vertical a .sub-arrow {left: 8px;right: auto;  }
  .sm-simple.sm-vertical li {border-left: 0;  }
  .sm-simple.sm-vertical > li:first-child {border-top: 0;  }
}

.main-nav {position: relative;  background: var(--wp--custom--colors--blue); padding: 5px 0; }
.main-nav:after { clear: both;  content: "\00a0";  display: block;  height: 0;  font: 0px/0 serif;  overflow: hidden;}
#main-menu { clear: both; border: 0;  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none;}

.main-nav .login { background: var(--wp--custom--colors--grey); border-radius: 3px; display: block; padding: 5px 20px; margin: 5px 0 10px 10px; color: var(--wp--custom--colors--blue); }
.main-nav .sm-simple a.login:hover {padding: 5px 20px;}

/* Mega menus */
/* make mega menus take the full width of .main-nav */

#main-menu,#main-menu > .has-mega-menu {  position: static !important;}
#main-menu .mega-menu {  margin-left: -1px !important;  margin-right: -1px !important;  right: 0 !important;  width: auto !important;  max-width: none !important; }

#main-menu .mega-menu .mcont {
  display: grid; 
  grid-auto-rows: auto; 
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 
  grid-template-rows: auto; 
  gap: 6px 0px; 
  grid-template-areas: 
    ". . . . ."; 
  width: 100%;
    padding: 20px 30px;
}
@media (max-width: 1024px) {
    #main-menu .mega-menu .mcont {display: block;     padding: 20px 20px;}
    #main-menu,#main-menu > .has-mega-menu {  position: relative!important;}
    .main-nav .login { margin: 5px 10px 10px 10px; }
}

#main-menu > .has-mega-menu .scroll-up,
#main-menu > .has-mega-menu .scroll-down {
  margin-left: 0 !important;
}


/* clear any floats inside the mega menus */

#main-menu .mega-menu > li {
    padding: 10px;
}


/* reset mega menu list/link styles (which are inherited from the SmartMenus core/theme styles) */

#main-menu .mega-menu {
  color: #fff;
}

#main-menu .mega-menu ul {
  position: static;
  margin: 0.83em 0;
  border: 0;
  padding: 10px 20px;
  width: auto;
  box-shadow: none;
}

#main-menu .mega-menu ul li {
  list-style-type: none;
  border: 0;
  padding: 10px;
}

#main-menu .mega-menu a {
  display: inline;
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
}



/* Mobile menu toggle button */

.main-menu-btn {
  float: right;
  margin: 0px 16px 0px 6px;
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-indent: 40px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* hamburger icon */

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}

.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}


/* x icon */

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}


/* hide the menu in mobile view */

#main-menu-state:not(:checked) ~ #main-menu {
  display: none;
}

#main-menu-state:checked ~ #main-menu {
  display: block;
}

@media (min-width: 1025px) {
  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #main-menu-state:not(:checked) ~ #main-menu {
    display: block;
  }
}


#back-top-wrapper { position: fixed; right: 20px; bottom: 20px; overflow: hidden; z-index: 999; display: none; width: 50px; height: 50px; }
#back-top-wrapper span { display: block;  color: #00a0e0; text-align: center; text-decoration: none; text-indent: -500px; text-transform: uppercase; font: 11px/100% Arial, Helvetica, sans-serif; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-bottom: 7px; width: 50px; height: 50px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.03 15.2'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none%3Bstroke:%23041e42%3Bstroke-miterlimit:10%3Bstroke-width:1.68px%3Bopacity:0.4%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eup-arrow%3C/title%3E%3Cpolyline class='a' points='0.59 14.61 14.02 1.19 27.44 14.61'/%3E%3C/svg%3E") no-repeat center center; background-size: 30px 30px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#back-top-wrapper span:hover { background: #F7F3F3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.03 15.2'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none%3Bstroke:%23041e42%3Bstroke-miterlimit:10%3Bstroke-width:1.68px%3Bopacity:0.4%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eup-arrow%3C/title%3E%3Cpolyline class='a' points='0.59 14.61 14.02 1.19 27.44 14.61'/%3E%3C/svg%3E") no-repeat center center; background-size: 40px 40px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; }

@media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; } }