@charset "UTF-8";
/************************************************

Stylesheet: Main Stylesheet

*************************************************/
/*********************
GENERAL STYLES
*********************/
body {
background-color: #ffffff;
font-size: 110%
}


/*********************
LINK STYLES
*********************/
a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }


/* Sections
       ========================================================================== */
/**
     * Remove the margin in all browsers (opinionated).
     */
body {
  margin: 0; }

/**



/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none; }

   h1 {
  font-size:3rem
 }
 h2 {
  font-size:2.5rem
 }
 h3 {
  font-size:1.9375rem
 }
 h4 {
  font-size:1.5625rem
 }
 h5 {
  font-size:1.25rem
 }
 h6 {
  font-size:1rem
 }

  .lead {
  font-size: 115%;
  line-height: 1.6; }

  .page-intro {
    margin-top: 3rem;
    margin-bottom: 3rem;
    font-size: 1.3rem;
    line-height: 1.6;
    color: #5e5e5e;
    font-weight: normal;
  }

  .homepage-section-title {
      font-family: 'Roboto', sans-serif;
      font-size: 3rem;
      font-weight: 700;
      letter-spacing: -1px;
      line-height: 1.1em;
      margin-top: 0;
      margin-bottom: 1.5rem;
      margin-left: 0;
      margin-right: auto;
      text-align: left;
      font-style: none;
      padding: 0;

      }

      .pagetitle {
      text-align: center;
      color: #323232;
      font-family: 'Roboto', sans-serif;
      font-size: 3rem;
      font-weight: 700;
      line-height: 1.1em;
      margin-top: 0;
      margin-bottom: 3rem;
      margin-left: 0;
      margin-right: 0;
      }

      .toolkit.pagetitle {
      background-color: #f1982b;
      color: #223b46;
      font-family: 'ubuntu', sans-serif;
      text-align: left;
      font-size: 2.75rem;
      font-weight: 700;
      line-height: 1.1em;
      margin: 3rem 0 1rem 0;
      padding: 1.75rem;
      border: none;
      }

      .section-title.toolkit {
      color: #223b46;
      font-family: 'ubuntu', sans-serif;
      text-align: left;
      font-size: 2.75rem;
      font-weight:600;
      line-height: 1.1em;
      margin: 3.5rem 0 1.5rem 0;
      }

      .section-subtitle.toolkit {
      color: #223b46;
      font-family: 'ubuntu', sans-serif;
      text-align: left;
      font-size: 2rem;
      font-weight: 650;
      line-height: 1.1em;
      margin: 3.5rem 0 1.5rem 0;
      }

      .widgettitle {
        font-family: 'Roboto', sans-serif;
      font-size: 1.8rem;
      font-weight: 400;
      line-height: 1.1em;
      margin-top: 0;
      margin-bottom: 1rem;
      max-width: 64rem;
      margin-left: 0;
      margin-right: 0;
      }

      .widget-title {
font-family: 'ubuntu', sans-serif;
font-size: 1.8rem;
font-weight: 600;
line-height: 1.1em;
margin-top: 0;
margin-bottom: 1rem;
max-width: 64rem;
margin-left: 0;
margin-right: 0;
}

.widget-subtitle {
font-family: 'ubuntu', sans-serif;
font-size: 1.7rem;
font-weight: 600;
line-height: 1.1em;
margin-top: 0;
margin-bottom: 1rem;
max-width: 64rem;
margin-left: 0;
margin-right: 0;
}

      .category-title {
        font-family: 'Roboto', sans-serif;
      font-size: 2.6rem;
      font-weight: 700;
      letter-spacing: -1px;
      line-height: 1.1em;
      margin-top: 0;
      margin-bottom: 1.5rem;
      max-width: 64rem;
      margin-left: 0;
      margin-right: auto;
      font-style: none;
      padding: 0;

      }

      .blogtitle {
      font-family: 'Roboto', sans-serif;
      text-align: center;
      color: #223b46;
      font-size: 2.7rem;
      font-weight: 550;
      line-height: 1.1em;
      margin-top: 0;
      margin-bottom: 2rem;
      max-width: 64rem;
      margin-left: 0;
      margin-right: 0;
      }

      .navboardtitle {
      font-family: 'Ubuntu', sans-serif;
      text-align: center;
      font-size: 2.7rem;
      font-weight: 550;
      line-height: 1.1em;
      margin-top: 0;
      margin-bottom: 2rem;
      margin-left: 0;
      margin-right: 0;
      }

.fronttitle {
  font-family: 'bebas-neue', sans-serif;
      font-size: 2rem;
      font-weight: 400;
      font-style: normal;
      text-decoration: none;
      color: #fff;
      line-height: 1.1em;
      }
       
       .frontsubtitle {
  font-family: 'bebas-neue-pro-semiexpanded', sans-serif;
      font-size: 1.3rem;
      font-weight: 400;
      font-style: normal;
      text-decoration: none;
      color: #fff;
      line-height: 1.1em;
      }

 .newstitle {
  font-family: 'bebas-neue', sans-serif;
      font-size: 4.5rem;
      font-weight: 400;
      font-style: normal;
      text-decoration: none;
      }


/*********************
HEADER STYLES
*********************/

.header {  background-color: #f15b2b;
  text-align: center;
}
.header ul.off-canvas-list li {
  list-style: none; }


.heads {
  background-color: #333;
  background-size: cover;
  padding-bottom: 0.75rem;
  text-align: center;
}

    .newsheads {
  background-color: #0081C8;
  background-size: cover;
  padding-bottom: 0.75rem;
    color: #ffffff;
    text-align: center;
  }

     .eventheads {

  background-image: url('/images/eventbanner.jpg');
   background-repeat: no-repeat;
  background-position: center center;
   background-size: cover;
  height: 31.25rem;
  }

   .eventheads .top-bar {
    background-color: #333;
   }
    .eventheads .title-bar {
    background-color: #333;
   }

      .blogheads {
  background-color: #f15b2b;
  background-size: cover;
  padding-bottom: 0.75rem;
    color: #ffffff;
    text-align: center;
  }

  .legalheads {
  background-color: #2e7c79;
   background-size: cover;
  padding-bottom: 0.75rem;
  color: #ffffff;
  text-align: center;
}

 .twmfdonateheads {
   background-color:#dd653c;
  padding-bottom: 1.5rem;
     text-align: center;
}

 .twmfdonateheads .pagetitle {
   color: #ffffff;
 }

.donateheads {
  background-size: cover;
  background-color: #ffcb32;

}


 .donateheads .pagetitle {
   color: #323232;
 }

.donateheads .top-bar-title {
 color: #323232;
}

.donateheads  .responsive-menu ul li a {
  color: #323232;
   }

  .donateheads  .top-bar ul li a {
  color: #323232;
   }

  .donateheads .top-bar-title {
 color: #323232;
}

  .donateheads .title-bar {
 color: #323232;
}

  .donateheads .menu-icon {
 color: #323232;
}

.toolkit-hero {
background: #ffffff;
overflow: visible;
padding: 2.5rem 0 4.5rem;
position: relative;
text-align: left; }
@media screen and (max-width: 43.6875em) {
.toolkit-hero {
padding: 1.875rem 0; } }

.toolkit-hero .hero-main-header {
color: #c54f27;
font-family:  'Ubuntu', sans-serif;
font-size: 4rem;
font-weight: 700;
letter-spacing: -1px;
line-height: 1.1em;
margin: 0;
text-align: left; }
@media screen and (max-width: 768px) {
.toolkit-hero .hero-main-header {
font-size: 3rem;
font-weight: 600; } }

.toolkit-hero .hero-subheader {
font-family:  'Ubuntu', sans-serif;
color: #0a0a0a;
font-size: 1.85rem;
font-weight: 400; }
 



.toolkit-hero.home-large-hero {
background: url("https://righttoremain.org.uk/images/toolkit/mazed-cover2.png") bottom right;
background-size: cover;
background-position: bottom right; }
@media print, screen and (min-width: 43.75em) {

.toolkit-hero.home-large-hero {
background: url("https://righttoremain.org.uk/images/toolkit/mazed-cover2.png") bottom right;
background-position: bottom right;
background-size: cover;
padding-bottom: 250px;
padding-top: 80px; } }

.toolkit-hero.sites-large-hero {
background: url("https://righttoremain.org.uk/images/toolkit/mazed-cover2.png") bottom center;
background-size: cover; }

@media print, screen and (min-width: 43.75em) {
.toolkit-hero.sites-large-hero {
background: url("https://righttoremain.org.uk/images/toolkit/mazed-cover2.png") bottom center;
background-size: cover;
padding-bottom: 250px;
padding-top: 80px; } }

 



/* Small only */
@media screen and (max-width: 39.9375em) {
  .toolkit-ten.banner {
  background-image: url('/images/toolkit/toolkit10bannersq.jpg');
   background-repeat: no-repeat;
  background-position: bottom bottom;
   background-size: cover;
   height:  23.83333em;
   width: 100%;
   background-color: #f1982b ;
  }}  




/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em){
    .toolkit-ten.banner {
  background-image: url('/images/toolkit/toolkit10banner.jpg');
   background-repeat: no-repeat;
  background-position: center center;
   background-size: contain;
height: 16.25rem;
  }}  



/* Large and up */
@media screen and (min-width: 64em) {
    .toolkit-ten.banner {
  background-image: url('/images/toolkit/toolkit10banner.jpg');
   background-repeat: no-repeat;
  background-position: bottom bottom;
   background-size: cover;
  height: 31.25rem;
  }
}



/*********************
NAVIGATION STYLES
*********************/

.title-bar {
     background-color: transparent;
}

.top-bar {
     background-color: transparent;
}

.top-bar-title {
 color: #ffffff;
}

.top-bar .title-area {
  z-index: 1;
  background-color: transparent;

}

.responsive-menu {
    background-color: #333;
}

.dropdown-menu {
     background-color: #333;
}

.top-bar ul {
    background-color: transparent;
      font-size: 115%;
    }


.responsive-menu ul li a {
  color: #ffffff;
   }

  .top-bar ul li a { 
  color: #ffffff;
   }

     .top-bar  li a:hover {
        background: rgba(250, 250, 250, 0.7);
        color: #333;
        transition: all .25s ease-in-out; }
   }

.off-canvas-list ul {
  margin-left: 0; }
  .off-canvas-list ul li a {
    border-bottom: 0px; }
  .off-canvas-list ul .dropdown {
    background-color: #333;
      margin-left: 20px; }



   .top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    display: table;
    width: 0;
    height: 0;
    border: 6px inset;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #ffffff transparent transparent;
    right: 5px;
    margin-top: -3px;
}

     .menu .button {
    margin: 0;
    margin-right: 3px;
    margin-bottom: 2px;

     }

.top-bar-left {
  float: left; }

.top-bar-right {
  float: right; }


  .header .button {
    float:right;
    border: 1px solid #f1982b;
    color: #ffffff; }


.menu.news li a {
  text-align: center;
  color: #ffffff;
  padding: .7rem .5rem;
  margin-right: 2px;
  margin-left: 2px;
}

.menu.news li a:hover  {
         background: rgba(250, 250, 250, 0.7);

                 color: #333; }

.menu.news .is-active a {
        background: rgba(250, 250, 250, 0.7);
        color: #333;  }

.menu.news ul{
margin-bottom: 0;
}

.menu.news{
  position: relative;
  top: 1rem;
  text-align: center;
  margin-bottom: 0; }


  /*********************
  NAVIGATION STYLES
  TOOLKIT
  *********************/


  .toolkit.top-bar {
  background-color: #f1982b;
  }

  .toolkit.title-bar {
  background-color: #f1982b;
  }

  .toolkit.top-bar ul li a {
  background: rgba(255, 255, 255, 0.2);
  color: #333;
  margin-right: .75rem ;

  }

  .toolkit.top-bar ul li a:hover {
  background: rgba(255, 255, 255, 0.6);
  color: #333;
  transition: all .25s ease-in-out;

  }

  .toolkit.responsive-menu ul li a {
  color: #ffffff;
  }

  .toolkit-ten .title-bar {
  background-color: #f1982b;
  }
  
 .toolkit-ten .top-bar {
  background-color: #f1982b;
  }

  /*********************
  TOOLKIT TABS
  *********************/


/*********************
CONTAINERS
*********************/


.accordion-title:before {
 position:absolute;
 top:50%;
 right:1rem;
 margin-top:-.5rem;
 content:""
}

.is-active>.accordion-title:before {
 content:"";
}

.toolkitheads .accordion {
  float: none;
  position: relative;
  top: 4rem;
  text-align: center;
  margin-bottom: 0; }

  .toolkitheads .accordion li {
    float: none;
    display: inline-block; }

    .toolkitheads .accordion li a {
      padding: 0.9rem 1rem 0.75rem;
      font-size: 1.25rem;
      color: #fff;
      text-transform: uppercase;
      display: block;
      font-weight: bold;
      letter-spacing: 1px;
    }

    .toolkitheads .accordion li a {
        background: rgba(250, 250, 250, 0.3);
        color: #333; }


      .toolkitheads .accordion li a.is-active {
        background: rgba(250, 250, 250, 0.7);
        color: #333; }
      .toolkitheads .accordion li a:hover {
        background: rgba(250, 250, 250, 0.7);
        color: #333;
        transition: all .25s ease-in-out; }

  .toolkitheads .accordion {
  list-style-type: none;
  background: #efeadd;
  border: 0px;
  border-radius: 0;
  margin-left: 0; }


.navboard .accordion-title {
 text-decoration: none;
  font-size: 100%;
  font-weight: bold;
  color: #0a0a0a;
}

 .navboard .accordion-title:hover, .accordion-title:focus {
    background: rgba(250, 250, 250, 0.3); }


.toolkitnav-accordion-menu .is-accordion-submenu-parent a {
  background: #f6c17f;
}

.toolkitnav-accordion-menu .is-accordion-submenu a {
  background: #35383d;
  padding-bottom: 3rem;
}

.toolkitnav-accordion-menu a {
  color: #223b46;

}

.toolkitnav-accordion-menu a::after {
  border-color:#223b46 transparent transparent;
}

.toolkitnav-accordion-menu .menu > li:not(.menu-text) > a {
  padding: 1.2rem 1rem;
}






/*********************
ACCORDION PLUG-IN
*********************/

.c-accordion__title {
  background-color: #f1982b;
  font-family: bebas-neue-pro, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.75em;
}


.c-accordion__item {
  background: #f1982b;
padding: 1.25rem 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
  color: #0a0a0a;
  margin-top: 2rem;
}

.c-accordion__title:after{
  position:absolute;
  top:50%;right:0;
  content:"+";
  color:#000;
  font-weight:400;
  font-size: 1.75em;
  }
  .is-open>.c-accordion__title:after{
    content:"-";
   color:#000;
  font-weight:400;
  }

.c-accordion__content ul {
  list-style: none;
  margin-left: 0;
  padding-top: 1rem;

}

.c-accordion__content li a {

  list-style: none;
  margin-left: 0;
  color: #0a0a0a;
}

.c-accordion__content li {
  margin-top:1rem;
  background: rgba(250, 250, 250, 0.3);
  padding: 1rem;
}

.c-accordion__content li:hover, .c-accordion__content li:focus {
  background: rgba(250, 250, 250, 0.8)
}


.archivebox {
  padding: 1rem;
  margin-bottom: 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  background: #fefefe;
  overflow: hidden;
  color: #0a0a0a; }

.card {
  margin-bottom: 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  background: #fefefe;
  box-shadow: none;
  overflow: hidden;
  color: #0a0a0a; }
  .card > :last-child {
    margin-bottom: 0; }

    .card-image {

  padding-top: 0rem;
  padding-right: 0rem;
  padding-bottom: 1rem;
  padding-left: 0rem;
   }


    .legalcard {
  margin-bottom: 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  background: #fefefe;
  box-shadow: none;
  overflow: hidden;
}


  .card > :last-child {
    margin-bottom: 0; }


.card-divider {
  padding: 1rem;
  background: #e6e6e6; }
  .card-divider > :last-child {
    margin-bottom: 0; }

    .toolkit-card-divider {
  padding: 1rem;
  color: #ffffff;
  background: #008942; }

  .toolkit.card-divider > :last-child {
    margin-bottom: 0; }

.card-section {

  padding-top: 0rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
   }

  .card-section > :last-child {
    margin-bottom: 0; }

 .feature-card-section .listing-item .title {
    color: #323232;
     font-size: 2.5rem;
    font-weight: 570;
    line-height: 1.1em;
    margin-top: 0;
    margin-bottom: 1rem;
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto;
     border: none;
  border-radius: 0;
    }

     .card-section .listing-item .title {
    color: #323232;
    font-size: 1.85rem;
    font-weight: 500;
    line-height: 1.1em;
    margin-top: 0;
    margin-bottom: 1rem;
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto;
    }

    .card-section .byline p {
      text-align: left;
      line-height: 1em;
    }

.subcard-section .listing-item .title  {
    color: #323232;
    display: block;
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 10px;
   line-height: 1.1em;
 }

    .subcard-section {

  padding-top: 0rem;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
   }

  .subcard-section > :last-child {
    margin-bottom: 0; }

    .news-card-title {
color: #223b46;
    font-size: 1.5rem;
    font-weight: 450;
    line-height: 1.1em;
    padding-top: .75rem;
    max-width: 64rem;
    margin-left: 0;
    margin-right: 0;
    }

#legal .news-card-title {
color: #223b46;
    font-size: 1.75rem;
    font-weight: 450;
    line-height: 1.1em;
    padding-top: .75rem;
    max-width: 64rem;
    margin-left: 0;
    margin-right: 0;
    }

    .card .news-card-title a:link {
color:  #223b46;

    }

    .callout {
    position: relative;
    margin: 0 0 1rem 0;
    padding: 2rem;
    box-shadow: 0px -20px 70px -15px rgba(0,0,0,0.12);
    border: none;
    border-radius: 0;
    background-color: #ffffff;
    color: #0a0a0a; }


  .callout > :first-child {
    margin-top: 0; }
  .callout > :last-child {
    margin-bottom: 0; }
  .callout.primary {
    background-color: #d7ecfa;
    color: #0a0a0a; }
  .callout.secondary {
    background-color: #eaeaea;
    color: #0a0a0a; }
  .callout.success {
    background-color: #e1faea;
    color: #0a0a0a; }
  .callout.warning {
    background-color: #fff3d9;
    color: #0a0a0a; }
  .callout.alert {
    background-color: #f7e4e1;
    color: #0a0a0a; }
  .callout.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem; }
  .callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem; }

     .donategold1.callout {
    background-color: #ffcb32}

     .donategold2.callout {
    background-color: #ffdc73}

     .campaign.callout {
    background-color: #ecc333}

      .form.callout {
    background-color: #ecc333;
    padding: 3rem;}

          .events.callout {
    background-color: #c3e4e9;
    }

          .yellow.callout {
    background-color: #ecc333;
}


    

 .campaigns.callout{
 background-color:  rgba(92, 76, 20, 0.5);}

        .head.callout {
  background-color: rgba(255, 255, 255, 0.5);
}

.callout.action {
background-color: #f1bc2b;
margin-bottom: 3rem;
color: #223b46;
}


.callout.action a {
color: #330b05; 
text-decoration: underline;
font-weight: bold; }

.callout.action a:hover {
color: #470f06;
}

.callout.action  h2 {
color: #223b46;
font-family: 'ubuntu', sans-serif;
text-align: left;
font-size: 1.75rem;
font-weight: 480;
text-transform: uppercase;
line-height: 1.1em;
}

.calloutarchives {
    padding: 1rem;
    border: 2px solid #e6e6e6;
    border-radius: 0;
     }

.callout.title {
margin-top: 0rem;
background-color: #f1982b;
color: #ffffff;
border: none }

.callout.post {
background-color: #ffffff;
border: none }

.callout.heads {
    margin: 3rem 0 1rem 0;
background-color: #f1982b;
color: #ffffff;
border: none
text-align: left;}

.callout.heads a {
color: #791b0c; text-decoration: underline; }
.callout.heads a:hover {
color: #330b05; }



/*********************
POSTS & CONTENT STYLES
*********************/


.article-feature-image img {
    width:100%;
     height:auto;
    padding-bottom: 0.5rem;
}
.alignright { float: right; }
.alignleft { float: left; }

 .img {
page-break-inside: avoid; }

 p .img { padding: 0; max-width: 100%; }

 .img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
.img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.wp-block-image img {
  padding-bottom: 2rem;
}

.entry-title {

      text-align: center;
       font-style: italic;
       font-family: Helvetica, sans-serif;
 }


.article-header .entry-title .single-title  {

     font-size: 500%;

 }

.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  color: #999; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #2199e8;
  color: #fff; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff; }

    .twitter-tweet {margin: auto;}


.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="placeholder"],
.wpcf7 textarea
{
    background-color: #fff;
    color: #8d8d8d;
}

span.wpcf7-list-item { display: block; }



.frontfeature p {
vertical-align: bottom;

}



/*********************
IMAGE GALLERY STYLES
*********************/

/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/


.widget ul {
  margin: 0; }

  .widget ul li {
    list-style: none;
    padding-bottom: 0.75rem;
    display: inline-block
     }

 .widget .recent-posts-3 .widget_recent_entries li a {
      display: inline-block;
      padding: 0.75rem;
       margin-bottom: 0.75rem;
        background: rgba(241, 152, 43, 0.6);
        color: #333; }


    .sidebar {

        padding-top: 1rem ;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 0.5rem ;

            }

.sidebar .widget {

position: relative;
  margin: 0 0 1.5rem 0;
  padding: 1rem;
  background-color: white;
  color: #0a0a0a; }

}

#text-2 .sidebar .widget  .widget_text {
position: relative;
  margin: 0 0 1.5rem 0;
  padding: 1rem;
  background-color: #2e7c79;
  color: #ffffff; }


	.widget_facebook_likebox{
padding-bottom: 1.5rem;
	}


  .hw-widget {
  padding-bottom: 1rem;
  }

  .goog-te-gadget {
  margin-bottom: 5px;
  }

     .widget .menu li a {
      display: inline-block;
      padding: 0.75rem;
       margin-bottom: 0.75rem;
        background: rgba(241, 152, 43, 0.6);
        color: #333; }


      .widget .menu li a.is-active {
        background: rgba(250, 250, 250, 0.9);
        color: #333; }

      .widget .menu li a:hover {
              background: rgba(241, 152, 43, 0.2);
        color: #333;
        transition: all .25s ease-in-out;
        border: 1px solid;
        border-color: #333;
        border-radius: 2px;
         }


 .footer .widget .menu li a {
      display: inline-block;
      padding: 0.75rem;
       font-size: 125%;
       margin-bottom: 0.75rem;
          background-color: #0081c8;
        color: #ffffff; }

      .footer .widget .menu li a.is-active {
         background-color: #0081c8;
        color: #ffffff; }

     .footer  .widget .menu li a:hover {
          background-color: #258dad;
        color: #fefefe;
        transition: all .25s ease-in-out;

         }

         .tk-widget {
          padding-bottom: 2rem;
         }

    .tk-widget .menu li a {
      display: inline-block;
      padding: 0.75rem;
       margin-bottom: 0.75rem;
        background: rgba(241, 152, 43, 0.6);
        color: #333; } 


      .tk-widget .menu li a:is-active {
        background: rgba(250, 250, 250, 0.9);
        color: #333; }

      .tk-widget .menu li a:hover {
        background: rgba(241, 152, 43, 0.2);
        color: #333;
        transition: all .25s ease-in-out;
        border: 1px solid;
        border-color: #333;
        border-radius: 2px;
         }

.tk-widget .widgettitle {
font-family: 'ubuntu', sans-serif;
font-size: 2rem;
font-weight: 500;
line-height: 1.1em;
margin-top: 0;
margin-bottom: 1rem;
max-width: 64rem;
margin-left: 0;
margin-right: 0;
    }


          .textwidget .title-bar {
          background-color: #F1982B;
        }

        .textwidget .title-bar ul li {
          background-color: transparent;
        }

          .textwidget .top-bar  {
          background-color: transparent;
        }

             .textwidget .top-bar ul {
          background-color: transparent;
        }


    .widget .widget_search {
    padding-top:2.5rem;

}


.input-group-rounded .input-group-field {
  border-radius: 3px 0 0 3px;
  padding-left: 1rem;
}

.input-group-rounded .input-group-button .button {
  border-radius: 0 3px 3px 0;
  font-size: 0.8rem;
}

ul.postsbycategory {
list-style-type: none;
}

.postsbycategory img {
float:left;
padding:3px;
}

.widget .code {
font-style: none;

}


/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
   }

.footer {
  padding-top: 2rem;
  background-color: #292c2f;
    color: #ffffff;
  }


  .footer li a {
    list-style: none;
    color: #ffffff;
    }

    .footer hr {
    color: #8f9296;
    }


   #footer-sidebar {
display:block;
}


    .footer-sidebar li a {
     font-size: 1rem;
    list-style: none;
    color: #ffffff;
   }

   .footer .widget-title {
   color: #ffffff;

   }


  .footer p.slogan {
    color: #8d9093;
    font-size: 1.8rem;
    margin: 0 0 1rem; }

  .footer p.copywrite {
    color: #8f9296;
    font-size: 0.875rem;
    margin: 0;
     }

 .footer p.creativecommons {
    color: #8f9296;
    font-size: 0.875rem;
     text-align: left;
     }

    .footer h4.foot {
     color: #fff;
    }

  .footer p.foot {
     color: #fff;
     font-size: 0.875rem;
     text-align: left;
    }


    .header .menu > li:not(.menu-text) > a {
    display: block;
    padding: 0.5rem 0.2rem;
    line-height: 1;


    }


     .footer .menu a {
     font-size: 1rem;
    list-style: none;
    color: #ffffff;
  }

    .footer hr {
    color: #8f9296;
    }


   .navboard.footer {
    background-color: #f7f7f7;
  padding-bottom: 1.75rem;
  text-align: center; }

  }

/*********************
FOUNDATION STYLES
*********************/





/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }

/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet.

Remember to add things that won't make sense to print at
the bottom. Things like nav, ads, and forms shouldbe set
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }


      .listing-item img {

          width: 100%;
      }

      .callout .listing-item img {
        width: 100%;
        padding: 0;
      }


 .listing-item .title {
    color: #323232;
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 10px;

  }

       .listing-item .excerpt-dash {
          display:none;
    }

    .card .listing-item .title {
		margin: 0;
    padding-top: .75rem
    }

    .card .listing-item img {
          padding: 0;
          width: 100%;
      }


  .display-posts-listing {
  list-style-type: none;
  margin:0;
  padding:0;
}

.category-display {
     display: inline-block;
  padding: 0.33333rem ;
  border-radius: 0;
  font-size: 0.9rem;
  line-height: 1;
}


 .textwidget .listing-item .title  {
         color: #1779ba;
           display: block;
    font-weight: normal;
    font-size: inherit;
    margin-bottom: 5px;

}

.header-subnav ul{
margin-bottom: 0;
}

.header-subnav {

  float: none;
  position: relative;
  top: 4rem;
  text-align: center;
  margin-bottom: 0; }

  .header-subnav li {
    float: none;
    display: inline-block; }
    .header-subnav li a {
      padding: 0.9rem 1rem 0.75rem;
      font-size: 1rem;
      color: #fff;
      display: block;
      letter-spacing: 1px; }

      .header-subnav li a.is-active {
        background: rgba(250, 250, 250, 0.7);
        color: #333; }
      .header-subnav li a:hover {
        background: rgba(250, 250, 250, 0.7);
        color: #333;
        transition: all .25s ease-in-out; }

.button {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 3px;
  padding: 0.85em 1em;
  margin: 0 0 1rem 0;
  font-size: 0.9rem;
  background-color: #0081c8;
  color: #ffffff; }
  [data-whatinput='mouse'] .button {
    outline: 0; }
  .button:hover, .button:focus {
    background-color: #258dad;
    color: #fefefe; }
  .button.tiny {
    font-size: 0.6rem; }
  .button.small {
    font-size: 0.75rem; }
  .button.large {
    font-size: 1.25rem; }
  .button.expanded {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0; }

        .button.white {
    background-color: #ffffff;
    color: #000000; }
    .button.white:hover, .button.secondary:focus {
      background-color: #e3e3e3;
      color: #000000; }


      .button.news{
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  border: 2px solid transparent;
  border-radius: 3px;
  border-color: #000000;
  padding: 0.85em 1em;
  margin: 0 0 1rem 0;
  background-color: #ffffff;
  color: #000000; }

.button.news:hover, .button.news:focus {
background-color: #e3e3e3;
color: #000000; }

.wp-block-button.no-border-radius,
.wp-block-button__link.no-border-radius {
border-radius:5px!important;
}

.wp-block-button__link {
background: #f1bc2b;
color: #333;
}

.wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited {
color: #333;
}

.button.toolkit {   background: #F1BC2B;
color: #333;
text-align: left;
}
[data-whatinput='mouse'] .button.toolkit {
outline: 0; }
.button.toolkit:hover, .button.toolkit:focus {
background: #f1982b;
color: #333; }

/*********************
NAVBOARD BUTTONS
*********************/

  .button.navboard {
    background-color: #0081c8;
    color: #ffffff;
    padding:10px;
    margin: 10px; }

  .button.enteruk {
    background-color: #d8c293;
    color: #0a0a0a;
    padding:10px;
    margin: 10px; }

  .button.claimasylum {
    background-color: #a2261e;
    color: #ffffff;
    padding:10px;
    margin: 10px; }

      .button.screening {
    background-color: #dec51c;
    color: #0a0a0a;
  padding:10px;
    margin: 10px;}

      .button.dispersal {
    background-color: #f1920b;
    color: #ffffff;
    padding:10px;
    margin: 10px; }

      .button.substantive {
    background-color: #657638;
    color: #ffffff;
    padding:10px;
    margin: 10px; }

    .button.decision {
    background-color: #3b322f;
    color: #ffffff;
    padding:10px;
    margin: 10px; }

    .button.submitappeal {
    background-color: #c2e070;
    color: #262827;
     padding:10px;
    margin: 10px; }

    .button.appealhearing {
    background-color: #bd1c4d;
    color: #ffffff;
    padding:10px;
    margin: 10px; }

    .button.possibleoutcomes {
    background-color: #4964a0;
    color: #ffffff;
    padding:10px;
    margin: 10px; }


   .button.toolkit {   background: #F1BC2B;
  color: #333; }
  [data-whatinput='mouse'] .button.toolkit {
    outline: 0; }
  .button.toolkit:hover, .button.toolkit:focus {
    background: #f1982b;
    color: #333; }

    

       #orangina {
  background: #F15B2B;
}

  #orangina {color: #ffffff;
  }

   #orangina h1, #orangina h2, #orangina h3, #orangina h4, #orangina h5, #orangina h6, #orangina p {
    color: #FFFFFF; }

  #orangina h1, #orangina h2, #orangina h3, #orangina h4, #orangina h5, #orangina h6 {
    line-height: 1;
    margin-bottom: 0.625rem; }
    #orangina h1.subheader, #orangina h2.subheader, #orangina h3.subheader, #orangina h4.subheader, #orangina h5.subheader, #orangina h6.subheader {
      line-height: 1.4; }

#orangina a:link {color:#666666;}
#orangina a:visited {color:#666666;}
#orangina a:hover {color:#333333;}
#orangina a:active {color:#666666;}

#campaign {
background: #4b99b6;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
  }

#campaign h1, #campaign h2, #campaign h3, #campaign h4, #campaign h5, #campaign h6, #campaign p {
    color: #FFFFFF; }

#campaign a:link {color:#ffffb2;}
#campaign a:visited {color:#ffffb2;}
#campaign a:hover {color:#ffff7f;}
#campaign a:active {color:#ffffb2;}

#campaign li {   color: #ffffb2;
}


  #legal {
background: #2e7c79;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}

#legal h1, #legal h2, #legal h3, #legal h4, #legal h5, #legal h6, #legal p {
    color: #ffffff; }

#legal a:link {color:#ffffff;}
#legal a:visited {color:#ffffff;}
#legal a:hover {color:#ffffb2;}
#legal a:active {color:#ffffff;}



 #legal .card-section p h1 h2 h3 h4 h5 h6 {
color: #0a0a0a;
  }

  #toolkits {
 background-color: #efeadd;
 background: url("https://righttoremain.org.uk/images/toolkit-cover-page.png") no-repeat right center;
 background-size: cover;
 padding: 4rem; }

 #toolkitnews {
 background-color: #efeadd;
 }


/*********************
NAVBOARD STYLES
*********************/

.enteruk {
 background: #d8c293;
 padding: 20px 30px 20px 30px;
 color: #0a0a0a;
}

.enteruk a {
  color: #0a0a0a;
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;
}

.enteruk a:hover {
background-color: #AC9B75;
}

.claimasylum {
 background: #a2261e;
  padding: 20px 30px 20px 30px;
 color: #ffffff;
}

.claimasylum a {
  color: #ffffff;
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;
}

.claimasylum a:hover {
background-color: #811E18;
}


.screening {
 background: #dec51c;
 padding: 20px 30px 20px 30px;
 color: #0a0a0a;
}

.screening a {
  color: #0a0a0a;
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;
}

.screening a:hover {
background-color: #B19D16;
}



.dispersal {
 background: #f1920b;
 padding: 20px 30px 20px 30px;
 color: #ffffff;
}

.dispersal a {
  color: #ffffff;
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;
}

.dispersal a:hover {
background-color: #C07408;
}


.substantive {
 background: #657638;
 padding: 20px 30px 20px 30px;
 color: #ffffff;
}

.substantive a {
  color: #ffffff;
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;
}

.substantive a:hover {
background-color: #505E2C;
}

.decision {
 background: #3b322f;
 padding: 20px 30px 20px 30px;
 color: #ffffff;
}

.decision a {
  color: #ffffff;
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;
}

.decision a:hover {
background-color: #625B58   ;
}

.submitappeal {
 background: #c2e070;
 padding: 20px 30px 20px 30px;
 color: #262827;
}

.submitappeal a {
  color: #262827;
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;
}

.submitappeal a:hover {
background-color: #9BB359  ;
}

.appealhearing {
 background: #bd1c4d;
 padding: 20px 30px 20px 30px;
 color: #ffffff;
}

.appealhearing a  {
  color: #ffffff;
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;
}

.appealhearing a:hover {
background-color: #841335;
}


.possibleoutcomes {
 background: #4964a0;
 padding: 20px 30px 20px 30px;
 color: #ffffff;
}

.possibleoutcomes a {
 color:#ffffff;
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;
}

.possibleoutcomes a:hover {
background-color: #1D2840;
}

  .category-news.single .entry-title   {
    background: #f7f7f7;
}


.tags a:link {
 display: inline-block;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  cursor: pointer;
  vertical-align: middle;
  border: 1.5px solid;
  border-color: #000;
  border-radius: 2px;
  padding: 0.45em ;
  margin: 0 1rem 1rem 0;
  color: #000;
    -webkit-text-decoration-skip:objects
}
.tags a:visited {
  color: #000;
}
.tags a:hover {
  color: #000;
}
.tags a:active {
  color: #000;
}

.byline a:link {
  text-align: center;
  font-size: 115%;
  line-height: 1;
  cursor: pointer;
}




.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem ;
  border-radius: 0;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #1779ba;
  color: #fefefe; }

    .label.news {
     display: inline-block;
  padding: 0.33333rem ;
  border-radius: 0;
  font-size: 0.9rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
    background: #1779ba;
    color: #ffffff; }

        .label.category {
     display: inline-block;
  padding: 0.33333rem ;
  border-radius: 1;
  border: 1px solid #2199e8;
    color: #2199e8;
  font-size: 0.9rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
    background-color: transparent;
    }

    .label.signup {
     display: inline-block;
  padding: 0.75rem ;
   background: #1779ba;
  border-color: #fefefe;
  border-radius: 1;
  font-size: 0.9rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
    color: #ffffff; }

            .label.toolkit {
   display: inline-block;
  padding: 0.33333rem ;
  border-radius: 0;
  font-size: 0.9rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
   background: #008942;
    color: #ffffff; }



.card .article-card-heading {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  font-weight: bold;
  color:#ffffff;
   background: #000000;
  padding: 0.5rem;
}
.body.category-toolkit {
background-color:#efeadd;
}

 .blockquote, blockquote  {
    line-height: 1.6;
    font-family: Georgia, serif;
    font-size: 120%;
  background-color: #f9f9f9;
border-left : solid #191919;
  border-left-width: 1.25em ;
  margin-left: 0.5em;
  padding: 0.5em ;
}

.blockquote, blockquote p  {
  color: #191919;
}


.pay-button {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 3px;
  padding: 0.85em 1em;
  margin: 0 0 1rem 0;
  font-size: 1.25rem;
  background-color: #008942;
  color: #ffffff; }
  [data-whatinput='mouse'] .pay-button {
    outline: 0; }
  .pay-button:hover, .pay-button:focus {
    background-color: #004421;
    color: #fefefe; }


.grecaptcha-badge { visibility: hidden; }

.action {
background: #f1bc2b;
  }