/*
Theme Name: Big Brother Watch
Author: Borja Moya
Author URI: borjamoya.com
Version: 1.0
*/

@font-face {
  font-family: Maison;
  src: url(/font/MaisonNeueMG/MaisonNeue-Demi.woff);
  font-weight: bold;
  font-style: normal;
}


@font-face {
  font-family: Maison;
  src: url(/font/MaisonNeueMG/MaisonNeue-Book.woff);
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: Maison;
  src: url(/font/MaisonNeueMG/MaisonNeue-BookItalic.woff);
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: MaisonMono;
  src: url(/font/MaisonNeueMG/MaisonNeueMono-Regular.woff2);
  font-weight: normal;
  font-style: normal;

}

.urgent-section {position: fixed; bottom: 0; background-color: #f95600; padding-top: 40px; padding-bottom: 20px; width: 100%;
font-family: Maison; z-index: 1;
}

.urgent-section p {color: #fff;}

.urgent-text-left {}


.timer-section {position: fixed; bottom: 0; background-color: #333; padding-top: 20px; padding-bottom: 5px; width: 100%;
font-family: Maison; z-index: 1;}

.timer-section p {color: #fff; text-align: center; font-weight: bold; font-size: 34px;}

.urgent-timer {text-align: center; font-size: 90px; color: #fff; font-weight: bold;}


body {font-family: 'MaisonMono', sans-serif; font-size: 16px; overflow-x: hidden; }

.text-body-content p {font-family: 'Maison', sans-serif;}
.text-body-content li {font-family: 'Maison', sans-serif;}
.maison {font-family: 'Maison', sans-serif;}



a {color: #0074E0;} /*old inaccessible color 00A2FA */
a:hover {color: #0074E0; text-decoration: underline;}

.bbw-orange {color: #f95600;}

.btn {text-decoration: none !important;}

.margin-top {margin-top: 100px;}
.margin-top-half {margin-top: 50px;}
.margin-top-150 {margin-top: 150px;}
.margin-top-200 {margin-top: 200px;}
.padding-top {padding-top: 100px;}
.padding-top-half {padding-top: 50px;}
.padding-top-150 {padding-top: 150px;}
.padding-top-200 {padding-top: 200px;}

.img-responsive {max-width: 100%; }
.img-responsive {max-width: 100%; }

.img-centered {margin-left: auto; margin-right: auto;}

.img-head {margin-top: -80px;}

.width-800 {max-width: 800px;}

.btn {border-radius: 0px;}
.btn-primary {background-color: #00A2FA;}
.btn-primary:hover {background-color: #00A2FA;}
.btn-bbw a {background-color: #f95600; border-color: #f95600; color: #fff; border-radius: 0px; font-weight: bold;}
.btn-bbw a:hover {background-color: transparent; border-color: #f95600; color: #f95600;}
.btn-bbw {font-weight: bold; background-color: #f95600; border-color: #f95600; color: #fff; border-radius: 0px;}
.btn-bbw:hover {background-color: #f95600; border-color: #fff; color: #fff;}

.btn-bbw-home {font-size: 25px; font-weight: bold;}
.btn-bbw-home a {background-color: #f95600; border-color: #f95600; color: #fff; border-radius: 0px;}
.btn-bbw-home a:hover {background-color: transparent; border-color: #f95600; color: #f95600;}
.btn-bbw-home {background-color: #f95600; border-color: #f95600; color: #fff; border-radius: 0px;}
.btn-bbw-home:hover {background-color: #f95600; border-color: #fff; color: #fff;}

.btn-bbw-action {font-size: 22px; font-weight: bold; color: #fff;}
.btn-bbw-action a:hover {background-color: transparent; border-color: #f95600; color: #f95600;}
.btn-bbw-action {background-color: #f95600; border-color: #f95600; color: #fff; border-radius: 0px;}
.btn-bbw-action:hover {background-color: #f95600; border-color: #fff; color: #fff;}

.btn-bbw-outline a {background-color: transparent; border-color: #f95600; color: #f95600 !important;border-radius: 0px;}
.btn-bbw-outline a:hover {background-color: transparent; border-color: #f95600; color: #f95600 !important;}
.btn-bbw-outline {background-color: transparent; border-color: #f95600; color: #f95600 !important;border-radius: 0px;}
.btn-bbw-outline:hover {background-color: transparent; border-color: #f95600; color: #f95600 !important;}
.btn-dark{background-color: #000; font-weight: bold; text-transform: uppercase;}
.main-hr {max-width: 100px; margin-top: 50px; margin-bottom: 50px;}

.video-player-bbw {    margin-left: auto;   margin-right: auto;     display: block; width: 500px;}
.video-player-bbw-100 {width: 100%;}

/* 
 skip link
 */ 

.skip-link {
  position: absolute;
  top: -100px;
  left: 1rem;
  z-index: 1000;
  transition: top 0.3s ease;
}

.skip-link:focus {
  top: 1rem; /* Or whatever keeps it in view without covering nav */
}



/*

    sidebar - navbar

                    */

    .bbw-navbar {background-color: #000; padding-top: 10px; padding-bottom: 6px; opacity: 0.90;position:relative;z-index:2;}
     .bbw-navbar img {margin-top: -10px;max-width: 285px;}
     @media screen and (max-width: 450px) { .bbw-navbar img {max-width: 255px;}}

	.navbar-brand {color: #fff !important; font-size: 28px; text-transform: uppercase;}

     .navbar-donate-button {position: absolute; right: 0; margin-top: -49px; margin-right: 20px; z-index: 3;}
     .navbar-donate-button li {color: #fff; font-weight: bold; list-style: none; display: inline; margin-left: 15px;}
     .navbar-donate-button a {color: #fff; font-size: 22px; font-weight: bold;}
     .btn-navbar-bbw {color: #000;}
     .btn-navbar-bbw-outline {background: #000; border-color: #f9f9f9;}
     .btn-navbar-bbw-outline input:hover {background: #000; border-color: #fff;}

     @media screen and (max-width: 750px) { .navbar-donate-disappear {position: fixed; z-index: -99;}}

     .navbar-donate-button form {  display: flex; flex-flow: row wrap; align-items: center; margin-top: -5px; }
     .navbar-donate-button input { border-radius: 0px; background-color: #000; border-color: #333;}
     .email-input-navbar {width: 265px;}
     .navbar-donate-button-home {margin-top: -42px;}
     @media screen and (max-width: 800px) {  .navbar-donate-button  {margin: 0; margin-left: 15px; display: block; position: unset;} .navbar-donate-button-home {margin-top: 0;}}

     .btn-navbar-subscribe input {background-color: #f95600; color: #000; }
     .btn-navbar-subscribe input:hover {background-color: transparent; color: #f95600; border-color: #f95600;}

    /* logo */

    /* The icon of the menu */
    .menu-hamburger {margin-left: 15px; cursor: pointer;position: relative; z-index: 1;}
    .menu-hamburger a {color: #000;}

    /* The side navigation menu */
    .sidenav {
     height: 100%; /* 100% Full-height */
     width: 0; /* 0 width - change this with JavaScript */
     position: fixed; /* Stay in place */
     z-index: 3; /* Stay on top */
     top: 0; /* Stay at the top */
     left: 0;
     background-color: #000000; /* Black*/
     overflow-x: hidden; /* Disable horizontal scroll */
     padding-top: 97px; /* Place content 60px from the top */
     transition: .3s; /* 0.5 second transition effect to slide in the sidenav */
    }

    /* The navigation menu links */
    .sidenav a {
     padding: 8px 8px 8px 32px;
     text-decoration: none;
     font-size: 16px;
     color: #fff;
     display: block;
     transition: 0.3s;
    }

    /* When you mouse over the navigation links, change their color */
    .sidenav a:hover {
     color: #555;
    }

    /* Position and style the close button (top right corner) */
    .sidenav .closebtn {
     position: absolute;
     top: -10px;
     left: -13px;
     font-size: 60px;
     color: #fff;
    }

    .sidebar-links a {font-weight: bold; }
    @media (min-width: 500px) {    .sidebar-links a {font-size: 28px; letter-spacing: -1.5px;} }
    @media (min-width: 1000px) {   .sidebar-links a {font-size: 46px; letter-spacing: -1.5px;} }

    .sidebar-secondary-links a {margin-top: -25px;margin-bottom: -25px; font-size: 12px;}
    @media (min-width: 500px) { .sidebar-secondary-links a {font-size: 1.2em; font-weight: bold;} }

    .sidebar-info {color: #555; font-size: .8em;}
    .sidebar-info a {color: #555; font-size: 1em; text-decoration: underline; display: inline; margin-left: -30px;}
    @media (min-width: 500px) { .sidebar-info {margin-top: 30px;}}

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
     .sidenav {padding-top: 15px;}
     .sidenav a {font-size: 18px;}
    }


/*

   Homepage

              */






    #home-intro h1 {font-size: 38px; font-family: Maison; font-weight: bold; text-transform: uppercase;  color: #fff;filter: drop-shadow(1px 1px 10px #000); margin-bottom: -10px;}
    @media screen and (min-width: 580px) { #home-intro h1 {font-size: 42px; letter-spacing: -1px;}}
    @media screen and (min-width: 715px) { #home-intro h1 {font-size: 42px;}}
    @media screen and (min-width: 1100px) { #home-intro h1 {font-size: 58px; letter-spacing: -2px;}}
    @media screen and (min-width: 1200px) { #home-intro h1 {font-size: 72px; letter-spacing: -2px;}}


    #home-intro h4 {text-align: left;font-size: 17px; text-transform: none; color: #f9f9f9;max-width: 700px; filter: drop-shadow(3px 2px 10px #000); line-height: 1.4em;}
    @media screen and (min-width: 580px) { #home-intro h4 {font-size: 21px; filter: drop-shadow(3px 2px 10px #000); line-height: 1.4em;}}


    @media screen and (max-width: 400px) { .carousel-caption {padding-left: 15px;}}






    .carousel-home {margin-top: -65px; }

    .carousel-caption h1 {text-align: left;}
    .carousel-caption p {text-align: left;}
    .carousel-caption a {text-align: left;}

    .carousel-caption {margin-left: -51px;}


    .video-home {width: 100%;}
    @media screen and (max-width: 1200px) { .video-home {min-height: 600px; width: auto;}}


    .bbw-navbar-home {position: relative; z-index: 2; background-color: transparent; margin-top: 4px;}

    .home-background {
      background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35) ), url('https://bigbrotherwatch.org.uk/wp-content/uploads/2023/01/blank-page-small.jpg') repeat 0 0;
      background-color: #333;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      padding-top: 180px;
      padding-bottom: 120px;
    }


    .card {border: none; border-radius: 0px; margin-bottom: 50px;}
    .campaign-home-main-link img {opacity: 0.5;width: 100%; height: 480px; position:relative; object-fit: cover;}

    .card-title {color: #fff; font-size: 25px; letter-spacing: -1px; text-transform: uppercase;}
    @media screen and (min-width: 500px){ .card-title {font-size: 38px;letter-spacing: -1px; padding-left: 10px; padding-top: 5px;}}
    @media screen and (min-width: 700px) {.card-title {font-size: 42px;letter-spacing: -1px; padding-left: 10px; padding-top: 5px;}}
    @media screen and (min-width: 992px) {.card-title {font-size: 32px;letter-spacing: -1px; padding-left: 10px; padding-top: 5px;}}
    @media screen and (min-width: 1200px) {.card-title {font-size: 38px;letter-spacing: -1px; padding-left: 10px; padding-top: 5px;}}


    .card-text {font-size: 15px; line-height: 22px;font-weight: ; text-shadow: 1px 1px 2px black;}
    @media screen and (min-width: 400px) {.card-text {font-size: 17px; line-height: 22px;}}
    @media screen and (min-width: 500px) {.card-text {font-size: 18px; line-height: 22px;}}
    @media screen and (min-width: 700px) {.card-text {font-size: 19px; line-height: 22px;}}
    @media screen and (min-width: 992px) {.card-text {font-size: 14px; line-height: 22px;}}
    @media screen and (min-width: 1200px) {.card-text {font-size: 16px; line-height: 22px;}}


    @media (max-width: 780px){ .card-text {font-size: 16px; line-height: 20px;}}
    @media (max-width: 500px){ .card-text {font-size: 14px; line-height: 17px;}}



    .home-campaign-view {text-transform: uppercase; text-decoration: underline; font-size: 16px; letter-spacing: -.5px;}


    @media screen and (min-width: 650px) { .email-form-home {max-width: 500px;} }


    .quote {max-width: 1000px; margin-left: auto; margin-right: auto; text-align:center; font-weight: 300;font-family: MaisonMono;}
    .quote p{margin-bottom:0.25em; line-height: 1.2em;} @media (min-width: 700px){.quote p{margin-bottom:0.5em;font-size:2.2rem}}
    .quote cite{font-family: Maison, sans-serif;display:block;margin:0 auto 3.25em auto;font-size:.8rem;text-transform:none;letter-spacing:-0.05rem;line-height:1.5;font-style:italic;font-weight:400;color:#283c46}
    .quote cite {margin-bottom: -10px;}
    @media (min-width: 700px){.quote cite {font-size:1.6rem;}}
    .quote {border-left: none;}

    .sublink-home {margin-top: 30px; font-size: 14px; text-align: center;}


    .breadcrumb-home {background: transparent; margin-left: -15px;}
    .home-media-title {margin-top: 10px;}
    .home-media-title a {margin-top: 10px; color: #000; font-size: 16px;}
    .home-media-p {margin-top: 20px;}
    .home-media-p a {color: #999; font-size: 14px;}

    .home-media-categories-img img {width: 100%; height: 200px; position:relative; object-fit: cover;}


    .btn-view-all-home a {margin-left: auto; margin-right: auto;width: 100%; max-width: 350px; background-color: transparent;padding-top: 10px;color: #00A2FA;text-transform: uppercase; font-weight: bold; font-size: 22px; margin-bottom: 50px;}
    .btn-view-all-home a:hover {color: #333;border-top-color: #333;}

@media all and (min-width:650px) {
	
	.btn-view-all-home a { border-top: solid 2px #00A2FA; padding-left: 100px; padding-right: 100px; }
    .btn-view-all-home a:hover {color: #333;border-top-color: #333;}
}


.white-div {
    background-color: white;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 100px;
    margin-bottom: 25px;
    font-family: Maison;
}

.news {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
}

.newsContent {
    color: #ffff;
    background-color: rgba(249, 86, 0, 1);
    padding: 50px;
    border: none;
    width: 100%;
    height: 40%;
}

.newsContent h3{
	color: #fff; font-weight: bold;letter-spacing: -1px; font-size: 38px; color: #fff;
}
.close {
  float: right;
  padding: 10px;
  line-height: 1;
  font-size: 40px;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 0 1px 0 #fff;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

    .donation-banner-home {background-color: #111; padding-top: 40px; padding-bottom:40px; margin-top: 100px; margin-bottom: 25px; font-family: Maison; }
    .donation-banner-home h3 {color: #fff; font-weight: bold;letter-spacing: -1px; font-size: 38px; color: #f95600;}
    .donation-banner-home p {color: #fff; font-weight: bold; font-size: 38px; letter-spacing: -1px; line-height: 1em; margin-top: -10px;}

 .donation-banner-mot {background-color: #fff; padding-top: 40px; padding-bottom:40px; margin-top: 100px; margin-bottom: 25px; font-family: Maison; }
    .donation-banner-mot h3 {color: #f95600; font-weight: bold;letter-spacing: -1px; font-size: 38px; color: #f95600;}
    .donation-banner-mot p {color: #111; font-weight: bold; font-size: 38px; letter-spacing: -1px; line-height: 1em; margin-top: -10px;}

    @media (min-width: 950px) {   .donation-banner-home h3 { margin-left: 300px; max-width: 700px;}}
    @media (min-width: 950px) {   .donation-banner-home p { margin-left: 300px; max-width: 700px;}}
    @media (min-width: 950px) {   .donation-banner-home form { margin-left: 300px; max-width: 700px;}}


    .donation-banner-form {display: flex; flex-flow: row wrap; }
    .donation-banner-form input { border-radius: 0px; background-color: transparent; border-color: #f95600; padding: 15px 10px;}
    .donation-banner-form-input input {width: 250px; background-color: #fff; color: black; font-size: 19px; font-weight: bold;}
    .donation-banner-form-button input { background-color: #f95600; color: #fff; font-size: 19px; font-weight: bold;  width: 250px; text-align: left; padding-left: 20px;}
    .donation-banner-form-button input:hover { background-color: #f95600; color: #111;}


    @media (min-width: 780px) { .donation-banner-form-input input {}}
    @media (min-width: 780px) { .donation-banner-form-button input {margin-left: 20px;}}


    #homeVideo {
		height: 100%;
		width: 100%;
		/*width: 100%;*/
      /*margin-top: -570px !important;*/
      z-index: -99;
    }

	.videoParent {
	width: 100%;
	height: auto; 
	margin-top: -570px;
	overflow: hidden;
	}

.headerParent{
	width: 100%;
	height: auto; 
	overflow: hidden;
}

	.page-template-thermal-campaign #homeVideo {
      margin-top: -470px !important;
    }

   /* @media screen and (min-width: 1200px) { .homeVideo-full-width {width: 100%; height: auto;}} */
    @media screen and (max-width: 1400px) { #homeVideo {height: 650px !important; width: auto !important;}}
    @media screen and (max-width: 1200px) { #homeVideo {height: 600px !important; width: auto !important;}}
    @media screen and (max-width: 450px) { #homeVideo {height: 700px !important; width: auto !important;}}

.img-full {
	width: 100%;
	height: auto;
	z-index: -2;
	position:relative;
	background-color: #111;
}
    .secondary-section-home {margin-top: 100px;}

    @media screen and (min-width: 1400px) { .secondary-section-home {margin-top: 100px;} }
    @media screen and (min-width: 1500px) { .secondary-section-home {margin-top: 120px;} }
    @media screen and (min-width: 1550px) { .secondary-section-home {margin-top: 130px;} }
    @media screen and (min-width: 1600px) { .secondary-section-home {margin-top: 170px;} }
    @media screen and (min-width: 1700px) { .secondary-section-home {margin-top: 250px;} }
    @media screen and (min-width: 1800px) { .secondary-section-home {margin-top: 280px;} }
    @media screen and (min-width: 1900px) { .secondary-section-home {margin-top: 330px;} }
    @media screen and (min-width: 2000px) { .secondary-section-home {margin-top: 370px;} }
    @media screen and (min-width: 2100px) { .secondary-section-home {margin-top: 400px;} }

    .btn-home {z-index: 999;}

			    #mot-background {
      background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35) ), url('https://bigbrotherwatch.org.uk/wp-content/uploads/2023/01/blank-page-small.jpg') repeat 0 0;
      background-color: #333;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      padding-top: 180px;
      padding-bottom: 120px;
    }


            .home-background-img {
              background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('https://bigbrotherwatch.org.uk/wp-content/uploads/2023/01/blank-page-small.jpg') repeat 0 0;
              background-color: #333;
              background-position: center; /* Center the image */
              -webkit-background-size: cover;
              -moz-background-size: cover;
              -o-background-size: cover;
              background-size: cover;
              padding-top: 190px;
              padding-bottom: 100px;
            }

            #home-intro-img h1 {font-size: 38px; font-family: Maison; font-weight: bold; text-transform: uppercase;  color: #fff;filter: drop-shadow(1px 1px 10px #000); margin-bottom: -10px;}
            @media screen and (min-width: 580px) { #home-intro-img h1 {font-size: 42px; letter-spacing: -1px;}}
            @media screen and (min-width: 715px) { #home-intro-img h1 {font-size: 42px;}}
            @media screen and (min-width: 1100px) { #home-intro-img h1 {font-size: 58px; letter-spacing: -2px; }}
            @media screen and (min-width: 1200px) { #home-intro-img h1 {font-size: 72px; letter-spacing: -2px; }}


            #home-intro-img h4 {text-align: left;font-size: 17px; text-transform: none; color: #f9f9f9;max-width: 700px; filter: drop-shadow(3px 2px 10px #000); line-height: 1.4em;}
            @media screen and (min-width: 580px) { #home-intro-img h4 {font-size: 21px; filter: drop-shadow(3px 2px 10px #000); line-height: 1.4em;}}


            @media screen and (max-width: 715px) { .home-video-text {margin-top: 100px; }}
            @media screen and (min-width: 715px) { .home-video-text {margin-top: 150px; }}
            @media screen and (min-width: 715px) { .home-video-text {margin-top: 150px; }}

			@media screen and (min-width: 715px) { .page-template-hikvision-campaign .home-video-text {margin-bottom: 150px; }}



/*

    About

              */

        .img-head-about {width: 100%;}

        @media screen and (max-width: 1200px) { .img-head-about {object-fit: cover; position: left left; min-height: 450px; width: auto;}}

        .main-title {font-size: 36px; font-weight: bold; letter-spacing: -1px; padding-top: 30px; text-transform: uppercase;}
        .main-title-2 {font-size: 36px; font-weight: bold; letter-spacing: -1px; text-transform: uppercase;}

        @media (min-width: 580px) { .main-title {font-size: 48px;letter-spacing: -3px;} }
        @media (min-width: 715px) { .main-title {font-size: 65px;letter-spacing: -4px;} }
        @media (min-width: 980px) { .main-title {font-size: 68px;letter-spacing: -5px;} }



        .secondary-title {font-weight: bold; margin-top: 80px; letter-spacing: -1px;}

        .main-text-p {font-size: 24px;}
        @media (max-width: 580px) { .main-text-p {font-size: 18px;}}

	    .sub-title {font-size: 40px; font-weight: bold;}
        @media (max-width: 580px) { .main-text-p {font-size: 18px;}}

		.email-template-mot {
    background-color: #f9f9f9;
    color: #111;
    max-width: 700px;
    border-radius: 10px;
    margin-top: 40px;
    box-shadow: 2px 2px 20px 1px #777;
    -webkit-box-shadow: 2px 2px 20px 1px #777;
		}

        .img-team {max-width: 200px; margin-top: 80px;}
        @media (max-width: 580px) { .img-team {max-width: 200px; margin-top: 50px; margin-bottom: -50px;} }

        .about-page-subtitle {font-size: 21px; font-style: italic; text-align: left;}

        #borderLeft {
          border-top: 2px solid #111;
          right: 50%;
          left: 0;
          max-width: 30px;
          padding-bottom: 50px;
          margin-top: 50px;
        }


/*

    Blog

              */

/* Contact Form Styles */
.contact-styled {
padding: 10px 30px 40px 30px;
font-family: Maison;
color: #000;
	font-size: 20px;
}
.contact-styled h3 {
color: #000;
}
.contact-styled .nf-field-label label{
color: #000;
	font-size: 20px;
	line-height: normal;
}
.contact-styled .nf-form textarea {
    color: #000 !important;
    font-size: 20px !important;
}

.contact-styled .nf-form-content input[type=button] {
background: #000;
font-weight: 700;
font-size: 20px;
padding-bottom: 40px;
border-radius: 3px;
}
.contact-styled .nf-form-content input[type=button]:hover {
background: #f95600;
color:#fff;
}
.nf-field-description p:last-child{
	color: #000;
	font-weight: 400;
font-size: 20px;
	padding-bottom: 20px;
}
.contact-styled .nf-error.field-wrap .nf-field-element:after {
background: #ad1a0a;
}
.contact-styled .nf-form-fields-required {
padding: 5px;
}
.contact-styled .nf-error .nf-error-msg {
color: #ad1a0a;
}
.contact-styled .nf-error-msg, .ninja-forms-req-symbol {
color: #ad1a0a;
}
.contact-styled .nf-pass.field-wrap .nf-field-element:after {
color: #f95600;
content: “\f164”;
}
/* End Contact Form Styles */

/*blog styles*/

.blog-box {
background-color: #f95600;
padding: 15px;
margin-bottom: 20px;
border: 4px solid #111;
color: #fff;
font-family: maison;
font-weight: bold;
}

.blog-subtitle{font-weight: bold; letter-spacing: 0px;}

.blog-media-subtitle{color: #000; letter-spacing: 0px;}

.blog-links a{
	color: #f95600;
	font-weight: bold;
}

.blog-divider{margin-top: 20px; margin-bottom: 20px;}
.blog-divider p{padding: 15px 30px; font-weight: bold;}
.blog-divider hr{border: 1px solid #111;}

      .blog-media-title {margin-top: 10px;}
      .blog-media-title a {margin-top: 10px; color: #000; font-size: 25px; font-weight: bold; letter-spacing: -1px;}
      .blog-media-title a:hover {color: #f95600;}
      .blog-page-post-section {margin-bottom: 60px;}

      .blog-page-post-image img {max-width: 500px; width: 100%; height: 280px; position:relative; object-fit: cover;}
      .blog-page-post-image img:hover {fill: #f95600;}
      @media (max-width: 770px) {.blog-page-post-image img {max-width: 90%;  height: 280px; position:relative; object-fit: cover;} }


      @media (min-width: 770px) {.blog-media-text { position: absolute;margin-top: -295px; margin-left: 550px; max-width: 350px;}  }


      @media (min-width: 800px) {
        .blog-sidebar {
          background-color: #f95600;
          position: fixed;
          right: 0;
          margin-right: 20px;
          padding: 40px 0px 30px 20px;
          width: 300px;

        }
      }

      @media (max-width: 800px) {
        .blog-sidebar { display: none; }
      }
/*

    Blog post

              */


      .author-post-page {text-transform: uppercase; font-style: italic; font-weight: bold; font-size: 16px; letter-spacing: -1px; margin-top: 20px;}
      .social-links-post {margin-right: 30px;}
      .social-links-post li {display: inline; margin: 0px 10px; color: #777;}
      .social-links-post a {color: #777;}


      .blog-post-content img {display: block;margin-left: auto; margin-right: auto;}
      .blog-post-content video {display: block;margin-left: auto; margin-right: auto;}
      .blog-post-content blockquote {padding-left: 30px;}


/*

     Campaigns

                */

	.campaign-status {
    	position: absolute;
    	bottom: 35px;
    	right: 20px;
    	padding: 7px 14px;
    	font-size: medium;
    	border-radius: 10px;
    	text-transform: uppercase;
		}

		
#statusSuccess {
    	background-color: #f95600;
	    color: white;
		}

#statusActive {
    background-color: yellow;
    color: black;
}

#statusActive:hover {
    /* Hover styles */
    background-color: #fff;
    border-color: transparent; /* Transparent border color */
    color: white;
}


        .img-hover-zoom {
          display: inline-block; /* change the default display type to inline-block */
          overflow: hidden;
        }

        .img-hover-zoom img {
          transition: transform .5s ease;
          filter: brightness(80%);
          vertical-align: middle;

        }

        .img-hover-zoom:hover img {
          transform: scale(1.04);
        }

        @media screen and (max-width: 992px) {.img-campaign-main {position:relative; object-fit: cover; height: 350px !important; width: 100%;}}
        @media screen and (min-width: 992px) {.img-campaign-main {position:relative; object-fit: cover; height: 720px !important; width: auto; max-width: 100%;}}


        @media screen and (max-width: 992px) {.img-campaign-secondary { width: 100%;position:relative; object-fit: cover; height: 350px;}}
        @media screen and (min-width: 992px) {.img-campaign-secondary { width: auto; height: 350px; max-width: 100%; object-fit: cover; filter: brightness(80%); }}

        @media screen and (min-width: 992px) {.campaign-left-col {margin-right: -5px;}}
        @media screen and (min-width: 992px) {.campaign-right-col {margin-left: -5px;}}
        @media screen and (min-width: 992px) {.campaign-right-bottom {margin-top: -38px;}}

        @media screen and (max-width: 992px) {.campaign-right-col {margin-top: 15px;}}
        @media screen and (max-width: 992px) {.campaign-right-bottom {margin-top: -38px;}}




        .text-block-campaign h2 {
          position: absolute;
          text-transform: uppercase;
          letter-spacing: -1px;
          color: white;
          max-width: 750px;
          text-shadow: 1px 1px 2px black;
          margin-left: 30px;
        }

        @media screen and (max-width: 450px) { .text-block-campaign h2 {font-size: 24px; margin-top: -320px; max-width: 330px;} }
        @media screen and (min-width: 450px) { .text-block-campaign h2 {font-size: 28px; margin-top: -320px; max-width: 450px;} }
        @media screen and (min-width: 577px) { .text-block-campaign h2 {font-size: 24px; margin-top: -320px; max-width: 450px;} }
        @media screen and (min-width: 992px) { .text-block-campaign h2 {font-size: 38px; margin-top: -680px; max-width: 450px;} }


        .text-block-campaign-right h2 {
          position: absolute;
          text-transform: uppercase;
          letter-spacing: -1px;
          color: white;
          max-width: 750px;
          text-shadow: 1px 1px 2px black;
          margin-top: 12px;
        }

        @media screen and (max-width: 450px) { .text-block-campaign-right h2 {font-size: 24px;} }
        @media screen and (min-width: 450px) { .text-block-campaign-right h2 {font-size: 28px; } }
        @media screen and (min-width: 577px) { .text-block-campaign-right h2 {font-size: 24px; } }
        @media screen and (min-width: 770px) { .text-block-campaign-right h2 {font-size: 38px; } }



        .campaign-right-join h4 {font-size: 16px; font-weight: bold;}
        .campaign-right-join h4 {position: absolute;; bottom: 0; margin-bottom: 40px;}



        @media screen and (min-width: 400px) {.card-text-campaign {margin-bottom: -60px;}}
        @media screen and (min-width: 500px) {.card-text-campaign {margin-bottom: -60px;}}
        @media screen and (min-width: 700px) {.card-text-campaign {margin-bottom: -60px;}}
        @media screen and (min-width: 992px) {.card-text-campaign {margin-bottom: -60px;}}
        @media screen and (min-width: 1200px) {.card-text-campaign { margin-bottom: -60px;}}


        @media (max-width: 780px){ .card-text-campaign {font-size: 16px; line-height: 20px;}}
        @media (max-width: 500px){ .card-text-campaign {font-size: 14px; line-height: 17px;}}



        .text-block-campaign p {
          position: absolute;
          font-size: 22px;
          letter-spacing: -1px;
          color: white;
          max-width: 750px;
          text-shadow: 1px 1px 2px black;
          margin-top: -290px;
          margin-left: 30px;
          font-weight: bold;
          margin-bottom: 20px !important;
        }

        @media screen and (max-width: 450px) { .text-block-campaign p {font-size: 12px; margin-top: -215px; max-width: 270px; } }
        @media screen and (min-width: 450px) { .text-block-campaign p {font-size: 14px; margin-top: -220px; max-width: 380px; } }
        @media screen and (min-width: 577px) { .text-block-campaign p {font-size: 14px; margin-top: -200px; max-width: 450px;} }
        @media screen and (min-width: 770px) { .text-block-campaign p {font-size: 18px; margin-top: -290px; max-width: 625px;} }
        @media screen and (min-width: 992px) { .text-block-campaign p {font-size: 22px; margin-top: -340px;max-width: 800px;} }
        @media screen and (min-width: 1200px) { .text-block-campaign p {font-size: 22px; margin-top: -320px;max-width: 900px;} }



        .text-block-campaign h4 {
          position: absolute;
          font-size: 16px;
          font-weight: bold;
          letter-spacing: -1px;
          color: white;
          text-transform: uppercase;
          max-width: 750px;
          text-shadow: 1px 1px 2px black;
          margin-top: -60px;
          margin-left: 30px;
          text-decoration: underline;

        }


        .text-block-campaign-secondary h4 {
          position: absolute;
          text-transform: uppercase;
          letter-spacing: -1px;
          top: 50px;
          left: 50px;
          color: white;
          max-width: 450px;
          text-shadow: 1px 1px 2px black;
        }

        @media screen and (max-width: 450px) { .text-block-campaign-secondary h4{font-size: 24px; left: 35px; max-width: 330px;} }
        @media screen and (min-width: 450px) { .text-block-campaign-secondary h4{font-size: 28px; left: 50px; } }
        @media screen and (min-width: 577px) { .text-block-campaign-secondary h4{font-size: 19px; left: 35px; } }
        @media screen and (min-width: 770px) { .text-block-campaign-secondary h4{font-size: 26px; } }
        @media screen and (min-width: 992px) { .text-block-campaign-secondary h4{font-size: 36px; } }




        .text-block-campaign-secondary p {
          position: absolute;
          text-transform: uppercase;
          font-size: 18px;
          letter-spacing: -1px;
          bottom: 20px;
          left: 50px;
          max-width: 450px;
          text-shadow: 1px 1px 2px black;
          color: white;
          text-decoration: underline;
        }



        .update-campaign-page {background-color: #f95600; padding-top: 35px; padding-bottom: 18px;}
        .update-campaign-page p { color: #000; font-size: 16px;}
        .update-campaign-page a {color: #000 !important; font-weight: bold; font-size: 15px; padding-top: -20px !important;}


        .campaign-page-section-one img {width: 100%; filter: brightness(90%);}

        .campaign-page-section-one-text {padding-left: 30px; padding-right: 20px;}
        @media screen and (min-width: 992px) { .campaign-page-section-one-text {padding-left: 100px; padding-top: 0px;}}
        @media screen and (min-width: 1100px) { .campaign-page-section-one-text {padding-left: 100px; padding-top: 60px;}}
        @media screen and (min-width: 1200px) { .campaign-page-section-one-text {padding-left: 170px; padding-top: 100px;}}

        .campaign-page-section-one-text-right {padding-right: 30px; padding-left: 20px; text-align: left;}
        @media screen and (min-width: 992px) { .campaign-page-section-one-text-right {padding-right: 100px; padding-top: 0px;}}
        @media screen and (min-width: 1100px) { .campaign-page-section-one-text-right {padding-right: 100px; padding-top: 60px;}}
        @media screen and (min-width: 1200px) { .campaign-page-section-one-text-right {padding-right: 170px; padding-top: 100px;}}


        .campaign-page-section-one-img-left {width: 100%; filter: brightness(90%); object-fit: cover;}

        .campaign-page-section-one-img-left-text {padding-right: 30px; padding-left: 20px;}
        @media screen and (min-width: 992px) { .campaign-page-section-one-img-left-text {padding-right: 100px; padding-top: 0px;}}
        @media screen and (min-width: 1100px) { .campaign-page-section-one-img-left-text {padding-right: 100px; padding-top: 60px;}}
        @media screen and (min-width: 1200px) { .campaign-page-section-one-img-left-text {padding-right: 170px; padding-top: 100px;}}



        .campaign-dark-section {background-color: #111; color: #fff; padding-top: 0px; padding-bottom: 70px;}
        .campaign-dark-section li {font-size: 18px; padding-bottom: 20px;}
        .page-template-welfaredatawatch-campaign-page .campaign-dark-section li {font-size:24px;}
        .campaign-dark-section h2 {margin-top: -20px;}
        .campaign-dark-section-2 {background-color: #000; padding-top: 0px; padding-bottom: 0px;}

        .campaign-dark-bottom-section {background-color: #111; color: #fff; padding-bottom: 150px; margin-bottom: -150px;}
        .campaign-dark-bottom-section h2 {color: #fff;}
        .campaign-dark-bottom-section p {color: #fff;}
        .campaign-dark-bottom-section li {color: #fff;}

        .card-dark {background-color: #111; color: #fff;}


        .campaign-orange-section {background-color: #f95600;padding-top: 50px; padding-bottom: 100px; margin-top: 100px;}




        .primary-title-map {font-family: Maison; font-size: 36px; font-weight: bold; letter-spacing: -1px; padding-top: 30px; max-width: 1200px; margin-left: auto; margin-right: auto;}
        .h1-title-report {padding-top: 20px !important; padding-bottom: 50px;font-family: Maison; font-size: 36px; font-weight: bold; letter-spacing: -1px; padding-top: 30px; max-width: 1200px; margin-left: auto; margin-right: auto;}

        .primary-title-report {padding-bottom: 50px;font-family: Maison; font-size: 36px; font-weight: bold; letter-spacing: -1px; padding-top: 30px; max-width: 1200px; margin-left: auto; margin-right: auto;}
        @media (max-width: 580px) { .primary-title-report {padding-left: 10px; padding-right: 10px;} }
        @media (min-width: 580px) { .primary-title-report {font-size: 48px;letter-spacing: -3px;} }
        @media (min-width: 715px) { .primary-title-report {font-size: 65px;letter-spacing: -4px;} }
        @media (min-width: 980px) { .primary-title-report {font-size: 76px;letter-spacing: -5px;} }


        .mission-title-report {padding-top: 40px !important; padding-bottom: 50px;font-family: Maison; font-size: 36px; font-weight: bold; letter-spacing: -1px; padding-top: 30px; max-width: 1200px; margin-left: auto; margin-right: auto;}
        @media (min-width: 580px) { .mission-title-report {font-size: 48px;letter-spacing: -3px;} }
        @media (min-width: 715px) { .mission-title-report {font-size: 65px;letter-spacing: -4px;} }
        @media (min-width: 980px) { .mission-title-report {font-size: 76px;letter-spacing: -5px;} }




/*

      Emergency Powers Campaign

                                      */

          .emergency-background {
            background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url('/content/emergency-powers-front-page.jpg') repeat 0 0;
            background-color: #333;
            background-position: center; /* Center the image */
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            padding-top: 220px;
            padding-bottom: 220px;
          }

          .emergency-page-top {margin-top: -50px; margin-bottom: -120px;}

          .emergency-title-report {padding-top: 40px !important; padding-bottom: 50px;font-family: Maison; font-size: 36px; font-weight: bold; letter-spacing: -1px; padding-top: 30px; max-width: 1200px; margin-left: auto; margin-right: auto;}
          @media (min-width: 580px) { .emergency-title-report {font-size: 48px;letter-spacing: -3px;} }
          @media (min-width: 715px) { .emergency-title-report {font-size: 65px;letter-spacing: -4px;} }
          @media (min-width: 980px) { .emergency-title-report {font-size: 110px; -webkit-text-stroke: 2px #ffffff;letter-spacing: -5px;} }


          .emergency-powers-section p {margin-top: -30px; margin-bottom: 100px; text-align: left; font-family: 'Maison', sans-serif;}


          .orange-banner-campaigns {background-color: #e04d00; padding-top: 40px; padding-bottom:40px; margin-top: 100px; margin-bottom: 25px; font-family: Maison; }
          .orange-banner-campaigns p {color: #fff; font-weight: bold; font-size: 28px; letter-spacing: -1px; line-height: 1em; margin-top: 15px;}
          .orange-banner-campaigns a {color: #fff;}
          @media (min-width: 950px) {   .orange-banner-campaigns p { margin-left: 300px; max-width: 700px;}}


          .video-post iframe {
            width: 100%;
            height: 550px;
          }

@media screen and (max-width: 450px){ .video-post iframe{width: 100%; height: 250px;}}

/*

      donation shipment page

                          */

       .title-donations-category-shipment h4 {text-transform: uppercase; font-weight: bold; color: #f95600; font-size: 22px; letter-spacing: -1px; margin-bottom: 40px;}
       .title-donations-category-shipment p { text-transform: uppercase; font-weight: bold; font-size: 18px; letter-spacing: -.5px;}

       .donation-shipment-form {text-align: right; margin-right: 5px;}
       .donation-shipment-form form {padding: 2px 2px !important;}

       .donation-shipment-form {margin-top: 60px !important; margin-left: -5px;}

       .donation-shipment-form input {margin-left: -50px;}

.yearly-pill {border-color: #111; color: #111;}
.yearly-pill a {border-color: #000; color: #000;}

.onetime-pill {border-color: #111; color: #111;}
.onetime-pill a {border-color: #000; color: #000;}

.nav-pills .nav-link{
	border-color: black;
	color: black;
}


/*


      report/campaign page


                        */



        .report-page-head h1 {text-align: center;color: #fff;font-family: Maison; font-size: 36px; font-weight: bold; letter-spacing: -1px; max-width: 1200px; margin-left: auto; margin-right: auto;}
        @media (min-width: 580px) { .report-page-head h1 {font-size: 48px;letter-spacing: -3px;} }
        @media (min-width: 715px) { .report-page-head h1 {font-size: 65px;letter-spacing: -4px;} }
        @media (min-width: 980px) { .report-page-head h1 {font-size: 102px;letter-spacing: -5px;} }




        .report-page-head p {text-align: center;font-size: 18px !important; color: #f9f9f9;}

        .report-page-link {color: #f95600 !important; text-transform: uppercase; text-decoration: underline; }




/* take action section */

.take-action-content

/* save free speech header */

  .fso-background {
	      background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url('/wp-content/uploads/2021/07/newstates-scaled.jpg') repeat 0 0;
          background-color: #333;
          background-position: center;

          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          padding-top: 290px;
          padding-bottom: 290px;
        }

*/


/* Hikvision */

.torn-paper{
		      background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url('https://bigbrotherwatch.org.uk/wp-content/uploads/2023/03/torn-paper.png') repeat 0 0;
	background-size: cover;
}

.torn-paper p{color: #000}

  /*    facial recognition campaign


                                        */



          .sfr-secondary-title {font-size: 36px; font-weight: bold; letter-spacing: -1px; padding-top: 30px; text-transform: uppercase;}
          @media (min-width: 580px) { .sfr-secondary-title {font-size: 48px;letter-spacing: -3px;} }
          /* @media (min-width: 715px) { .sfr-secondary-title {font-size: 65px;letter-spacing: -4px;} } */
          /* @media (min-width: 980px) { .sfr-secondary-title {font-size: 76px;letter-spacing: -5px;} } */


        .take-action-campaing-section {background-color: #f95600; padding-top: 80px; padding-bottom: 80px; margin-top: -50px;}
        .page-template-stopvaccinepassports-campaign-page .margin-top-150-here  { margin-top: 150px;}

        .take-action-campaing-section h2 {font-size: 68px; font-weight: bold;letter-spacing: -5px; -webkit-text-stroke: 1px #f9f9f9; color: #f9f9f9; text-align: center; margin-bottom: 30px;}
        .take-action-campaing-section h4 {color: #fff; font-size: 32px; font-weight: bold;}

        .take-action-sfr h4 {font-size: 26px;}

        .take-action-campaing-section p {color: #fff;}


        @media (max-width: 767px) { .take-action-content h4 { text-align: center;}}
        @media (max-width: 767px) { .take-action-content p { text-align: center;}}

        .donate-funding-section a {font-weight: bold; color: #000; padding: 20px 70px; color: #fff; background-color: #111;}

        .sfr-background-crowd {
          background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('/content/img/campaigns/silkie-placard.jpg') repeat 0 0;
          background-color: #333;
          background-position: center; /* Center the image */
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          padding-top: 130px;
          padding-bottom: 130px;
        }


        .btn-view-all-dark a {margin-left: auto; margin-right: auto;width: 100%; max-width: 350px; background-color: transparent; border-top: solid 2px #f95600; padding-left: 100px; padding-right: 100px; padding-top: 10px;color: #f95600;text-transform: uppercase; font-weight: bold; font-size: 22px; margin-bottom: 50px;}
        .btn-view-all-dark a:hover {color: #333;border-top-color: #333;}
        @media screen and (max-width: 830px) { .btn-view-all-dark a {padding-left: 75px; padding-right: 75px;}}

        .campaign-media-title {margin-top: 10px;}
        .campaign-media-title a {margin-top: 10px; color: #f9f9f9; font-size: 16px;}


        .cardiff-police-van-background {
          background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url('/content/img/campaigns/cardiff-1.jpg') no-repeat center center fixed;
          background-color: #333;
          background-position: center; /* Center the image */
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          padding-top: 300px;
          padding-bottom: 300px;
          margin-top: 200px;
        }
        .uk-map-background h1 {text-align: center; font-family: Maison; font-size: 78px; margin-top: -200px; margin-left: 0px;}

        .sfr-background {
          background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('https://bigbrotherwatch.org.uk/wp-content/uploads/2023/04/cameras.jpg') repeat 0 0;
          background-color: #333;
          background-position: center; /* Center the image */
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          padding-top: 190px;
          padding-bottom: 100px;
        }

        @media screen and (min-width: 1400px) {
          .sfr-background {
              padding-top: 260px;
              padding-bottom: 150px;
           }
         }

.sfr-background-updated {
          background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('https://bigbrotherwatch.org.uk/wp-content/uploads/2023/04/cameras.jpg') repeat 0 0;
          background-color: #333;
          background-position: center; /* Center the image */
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          padding-top: 190px;
          padding-bottom: 100px;
        }



        .sfr-crowd-title {color: #f95600; text-transform: uppercase; font-size: 60px; letter-spacing: 8px; text-align: center;}
        @media screen and (min-width: 420px) { .sfr-crowd-title {font-size: 60px; letter-spacing: 20px; } }
        @media screen and (min-width: 570px) { .sfr-crowd-title {font-size: 80px; letter-spacing: 30px; } }
        @media screen and (min-width: 727px) { .sfr-crowd-title {font-size: 120px; letter-spacing: 30px; padding-left: 20px;  } }
        @media screen and (min-width: 830px) { .sfr-crowd-title {font-size: 140px; letter-spacing: 30px; padding-left: 20px; } }
        @media screen and (min-width: 950px) { .sfr-crowd-title {font-size: 160px; letter-spacing: 30px; padding-left: 40px; } }
        @media screen and (min-width: 1080px) { .sfr-crowd-title {font-size: 170px; letter-spacing: 40px; padding-left: 50px; } }
        @media screen and (min-width: 1180px) { .sfr-crowd-title {font-size: 190px; letter-spacing: 40px; padding-left: 50px; } }



        @media screen and (max-width: 992px) { .campaign-page-section-one-img-left {text-align: center;}}
        @media screen and (min-width: 992px) { .campaign-page-section-one-img-left {text-align: right;}}


        @media screen and (max-width: 992px) { .campaign-page-section-one-img-left-text {margin-top: 60px; max-width: 880px; margin-left: auto; margin-right: auto;}}
        @media screen and (max-width: 992px) { .campaign-page-title-section {text-align: center;}}
        @media screen and (min-width: 992px) { .campaign-page-section-one-img-left-text {text-align: left;}}

        @media screen and (max-width: 992px) { .sfr-protests-section {max-width: 900px; margin-left: auto; margin-right: auto;}}
        @media screen and (max-width: 992px) { .sfr-protests-section p {text-align: left;}}
        @media screen and (min-width: 992px) { .sfr-protests-section {text-align: left;}}

        @media screen and (max-width: 992px) { .sfr-investigation-section {text-align: left;}}
        @media screen and (min-width: 992px) { .sfr-investigation-section {text-align: center;}}
        .sfr-investigation-section {margin-top: 150px; max-width: 880px; margin-left: auto; margin-right: auto;}
        .sfr-investigation-section h2 {text-align: center; text-transform: uppercase;}


        .sfr-building-movement-section {margin-top: 150px; max-width: 880px;}
        .sfr-building-movement-section h2 {text-align: center;}
        @media screen and (max-width: 992px) { .sfr-building-movement-section {text-align: left;}}
        @media screen and (min-width: 992px) { .sfr-building-movement-section p {text-align: center;}}

        @media screen and (max-width: 992px) { .sfr-building-movement-section video {width: 100%; max-width: 880px;}}

        @media screen and (max-width: 992px) { .sfr-zuck-video-fr {text-align: center;}}
        @media screen and (max-width: 992px) { .sfr-zuck-video-fr video {width: 100%; max-width: 380px;}}
        @media screen and (min-width: 992px) { .sfr-zuck-video-fr {text-align: right;}}
        @media screen and (min-width: 992px) { .sfr-zuck-video-fr video {width: 100%; max-width: 300px;}}

        @media screen and (max-width: 992px) { .sfr-zuck-video-fr-text h2 {text-align: center;}}
        @media screen and (min-width: 992px) { .sfr-zuck-video-fr-text {text-align: left;}}



      .sfr-mass-surveillance-title {text-align: center; color: #f95600; text-transform: uppercase;}
      @media screen and (min-width: 992px) { .sfr-mass-surveillance-title {font-size: 81px; }}

      .sfr-facial-recognition-uk-section {position: relative;z-index: 999; margin-top: -350px; margin-bottom: 200px;}
      @media screen and (max-width: 652px) { .sfr-facial-recognition-uk-section {width: 100%; font-size: 42px !important;}}



      .breadcrumb-campaign li {
		  font-size: 14px !important;
		display: flex;
		align-items: center;
}
      .breadcrumb-campaign-background {background-color: #111 !important; margin-bottom: -70px; margin-left: -15px;}
      .breadcrumb-campaign-background-first {background-color: #111 !important; margin-left: 125px; margin-bottom: -70px;}




      .sfr-facts-bullet-points {margin-top: -50px !important;}

      @media screen and (min-width: 992px) {.parliament-section-title {text-align: center;}}


      .logo-movement-sfr img {padding-bottom: 70px; padding-left: 15px; padding-right: 15px;}


      @media screen and (max-width: 1200px) { #video-details-sfr {min-height: 600px; width: auto;}}


          #video-details-sfr {
            width: 100%;
            z-index: -999;
          }

          @media screen and (max-width: 1350px) { #video-details-sfr {min-height: 600px; width: auto;}}
          @media screen and (max-width: 450px) { #hvideo-details-sfr {min-height: 700px; width: auto;}}

.container-hero-sfr {
	max-height: 100px;
	margin-left: auto;
	margin-right: auto;
}

/*


      victims campaign


                                        */



        .victims-background {
          background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url('/content/small-victims-background.jpg') repeat 0 0;
          background-color: #333;
          background-position: center; /* Center the image */
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          padding-top: 210px;
          padding-bottom: 160px;
        }

        .logo-coalition-change img {padding-bottom: 70px; padding-left: 15px; padding-right: 15px;}

        .card-body-dark {background-color: #111; border: solid 1px #555; padding-bottom: 30px;}

        .card-header-dark {background-color: #f9f9f9; border-color: #f9f9f9;}
        .card-header-dark button {padding-top: 30px; max-width: 400px;}
        .accordion-end-digital-strip {padding-bottom: 100px;}

        .card-accordion {margin-bottom: 0px; border: solid 1px #333;}

        @media screen and (max-width: 1100px) { .victims-first-text-section {padding-top: 30px;}}
        @media screen and (max-width: 992px) { .victims-first-text-section {padding-top: 50px; padding-bottom: 30px;}}

        .victims-system-broken-div {color: #f95600;}
        @media screen and (max-width: 1260px) { .victims-system-broken-div {padding-left: 15px; padding-right: 15px;}}

        .victims-phone-data-transfer {text-align: center;}
        .victims-phone-data-transfer video {width: 100%; max-width: 720px;}


        .victims-our-campaign {padding-top: 50px;}
        @media screen and (max-width: 992px) { .victims-our-campaign h1 {margin-bottom: -60px;}}

        .victims-report-img
        @media screen and (max-width: 992px) { .victims-report-img {text-align: center;}}
        @media screen and (min-width: 992px) { .victims-report-img {text-align: right;}}

        @media screen and (max-width: 992px) { .victims-report-text h2 {text-align: center;}}
        @media screen and (min-width: 992px) { .victims-report-text h2 {text-align: left;}}

        .victims-investigation-section

  .title-report-victims h2 {padding-top: 100px; font-size: 36px; font-weight: bold; margin-bottom: 150px;}
        @media (max-width: 580px) { .title-report-victims h2 {padding-left: 10px; padding-right: 10px;font-weight: bold; margin-bottom: 150px;} }
        @media (min-width: 580px) { .title-report-victims h2 {font-size: 48px;letter-spacing: -3px;font-weight: bold; margin-bottom: 150px;} }
        @media (min-width: 715px) { .title-report-victims h2 {font-size: 55px;letter-spacing: -4px;font-weight: bold; margin-bottom: 150px;} }
        @media (min-width: 980px) { .title-report-victims h2 {font-size: 46px;letter-spacing: -3px;font-weight: bold; margin-bottom: 150px;} }
        .title-report-victims {width: 100%; max-width: 890px !important; margin-left: auto; margin-right: auto;}


        @media (max-width: 715px) { .victims-video-campaign video {width: 100%;}}
        @media (min-width: 715px) { .victims-video-campaign video {width: 75%; margin-top: 50px;}}


        @media (min-width: 992px) { .petition-section-victims {margin-top: 50px;}}

/*

     Contact

                */

        .sidebar-contact-page {max-width: 250px;}
        .sidebar-contact-page p {font-size: .8em;}
        .sidebar-contact-page img {max-width: 150px; margin-top: 90px;}


        .contact-page-top-section p {max-width: 750px;}
        .contact-page-top-section h1 {max-width: 750px;}
        .contact-page-top-section {background-color: #f5f5f5; margin-top: -127px; padding-top: 130px; padding-bottom: 70px;}



/*

     Subscribe

                  */

        .subscribe-form-newsletter input{background-color: #fef6e8; border-radius: 0px; border: 0px; max-width: 650px; margin-left: auto;
        margin-right:auto; font-family: monospace; text-transform: lowercase; padding-top: 12px; padding-bottom: 9px; font-size: 1.15em; margin-top: 30px; border-bottom: solid 3px #f95600;}

        .subscribe-form-newsletter-btn input {margin-top: 40px; width: 100%; max-width: 650px; background-color: transparent; border-radius: 0px; border-top: solid 3px #00A2FA; color: #00A2FA;text-transform: uppercase; font-weight: bold; font-size: 28px; margin-bottom: 50px;}
        .subscribe-form-newsletter-btn input:hover {color: #333; border-top-color: #333;}
        .code-text-subscribe {font-family: monospace; background-color: #f4f4f4; color: #11101e; border-radius: 4px; padding: 4px; font-size: 0.9em;}


/*

     Funding

                  */


    .dark-section-funding {background-color: #111; padding-top: 120px; padding-bottom: 80px; margin-top: 100px;}
    .dark-section-funding p {color: #fff;}
    .dark-section-funding h2 {color: #fff; font-family: Maison; text-align: center; font-weight: bold; font-size: 48px; margin-bottom: 30px;}
    .col-funding-testimony {margin-bottom: 40px;}

    .donate-funding-section {background-color: #f95600; padding-top: 150px; padding-bottom: 150px; margin-top: 100px; margin-bottom: -120px;}
    .donate-funding-section h2 {font-size: 68px; font-weight: bold;letter-spacing: -2px; -webkit-text-stroke: 1px #f9f9f9; color: #f9f9f9;}
    .donate-funding-section p{max-width: 600px; margin-left: auto; margin-right: auto; color: #fff;}
    .donate-funding-section a {font-weight: bold; color: #000; padding: 20px 70px; color: #fff; background-color: #111;}


/*

     Research and briefings

                                */

.card-header.card-research-title h2 {
  color: #0074E0; 
	font-weight: bold;
}
.card-body.maison ul li a { /*this targets hyperlinks inside list elements*/
  color: #0074E0; /* normal state */
  text-decoration: none; 
}

.card-body.maison ul li a:hover,
.card-body.maison ul li a:focus {
	  color: #0074E0; /* normal state */
  text-decoration: underline; /* optional: add underline on hover */
}

     .card-header-research-title {font-family: Maison;font-weight: bolder; text-transform: uppercase; font-size: 18px; padding-bottom: 2px; color: #111;}
     @media screen and (max-width: 600px) { .card-header-research-title {font-size: 16px;}}
     .card-research-title h2 {margin-top: -20px; margin-bottom: -5px !important;}
     .card-research {margin-top: -30px;}
     .card-research h3 {padding-top: 30px; font-weight: bold;}

/*

    Research and briefings Search Bar

                               */

/* 💡 Make Ivory Search on Research page look like Videos page */
.page-id-20 .is-search-form {
  max-width: 600px;
  margin: 0 auto 30px;
  display: flex;
}

.page-id-20 .is-search-form input.is-search-input {
  flex: 1;
  padding: 15px 20px;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-right: none;
  border-radius: 4px 0 0 4px;
  box-shadow: none;
}

.page-id-20 .is-search-form button.is-search-submit {
  padding: 0 25px;
  background-color: #ff6600;
  border: 1px solid #ff6600;
  border-radius: 0 4px 4px 0;
  color: white;
  font-size: 1rem;
  cursor: pointer;
}

/* Optional: adjust icon inside button */
.page-id-20 .is-search-form button .is-search-icon {
  width: 1.2em;
  height: 1.2em;
  fill: #fff;
}

/* Ensure footer styling consistency */
.page-id-20 footer .is-search-form {
  margin-top: 40px;
}



/*

    Footer

              */


    .pre-footer-signup-section-mot {background-color: #100e13; padding-top: 100px; padding-bottom: 40px; margin-top: 120px;}
    .pre-footer-signup-section-mot h2 {color: #f9f9f9; font-size: 34px; font-weight: bold; letter-spacing: -1px;}
    .pre-footer-signup-section-mot p{ color:  #999; font-weight: normal;}


    .pre-footer-signup-section {background-color: #100e13; padding-top: 100px; padding-bottom: 100px; margin-top: 120px;}
    .pre-footer-signup-section h2 {color: #f9f9f9; font-size: 34px; font-weight: bold; letter-spacing: -1px;}
    .pre-footer-signup-section p {color:  #fff; font-weight: normal;}

    .subtitle-prefooter {font-size: 28px; color: #777;}
    .prefooter-subscribe-form form {  display: flex; flex-flow: row wrap; align-items: center; margin-top: -5px;}
    .prefooter-subscribe-form input { border-radius: 0px; padding-top: 12px; padding-bottom: 12px; background-color: #fff; border-color: #fff; font-size: 20px; font-weight: bold;}
    .btn-prefooter-subscribe input {margin-left: 15px; background-color: #f95600 ; color: #fff; font-size: 20px; font-weight: bold; border-color: #f95600; }
    .btn-prefooter-subscribe input:hover {background-color: #f95600 ; color: #fff; border-color: #f95600; }

    @media screen and (min-width: 420px) { .email-input-footer input {width: 285px;}}

    @media screen and (min-width: 800px) { .email-input-footer input {width: 265px;}}
    @media screen and (min-width: 980px) { .email-input-footer input {width: 285px;}}
    @media screen and (max-width: 700px) { .email-input-footer form {display: inline;}}



    @media screen and (max-width: 767px) { .prefooter-donate {margin-top: 100px;}}

    .prefooter-donate {max-width: 460px;}
    .prefooter-donate-mot {max-width: 700px;}
    .prefooter-donate-mot a {margin-top: -3px;}

    .prefooter-donate a {margin-top: -3px;}





    .footer-donate-button

      @media screen and (min-width: 700px) {.prefooter-donate {border-left: solid 1px #333;}}


    .footer {background-color: #000; margin-bottom: -16px; padding-top: 30px; padding-bottom: 25px;}

    .footer-social-links li {display: inline; list-style: none; margin-left: 30px; }
    .footer-social-links a {color: #f9f9f9}

    .footer-links li {list-style: none;}
    .footer-links a {color: #f9f9f9; font-weight: bold; font-size: 22px; letter-spacing: -1px;}

      @media screen and (max-width: 576px) { .footer {margin-left: -30px;} .footer-social-links {margin-left: 10px;} .logo-footer img {margin-left: 40px; margin-bottom: 20px;} .footer-links-col-2{margin-top: -15px;} .footer-links a {font-size: 18px;}}
      .footer-info {color: white; font-size: .76em; margin-top: 10px;}

      .logo-footer img {max-height: 80px;}

/*

     Additionals

                  */

  .secondary-title-2 h2 {font-weight: bold; letter-spacing: -1px; -webkit-text-stroke: .5px black;}
  @media screen and (min-width: 992px) { .secondary-title-2 h2 {font-size: 38px;} }
  @media screen and (min-width: 1200px) { .secondary-title-2 h2 {font-size: 48px;} }


  .mb-0 {color: #007bff; cursor: pointer; font-size: 16px; padding-top: 40px; padding-bottom: 20px; padding-left: 20px; line-height: 30px;}

  @media screen and (min-width: 992px) { .mb-0 {width: 100%; }}


  @media screen and (max-width: 992px) {.bbw-col-md {display:none; }}
  @media screen and (min-width: 992px) {.bbw-col-xs {display:none; }}


  @media screen and (min-width: 650px) { .width-reduced {max-width: 600px; margin-left: auto; margin-right: auto;} }



  .container-950 {max-width: 950px; margin-left: auto; margin-right: auto;}
  .container-850 {max-width: 850px; margin-left: auto; margin-right: auto;}
  @media screen and (max-width: 870px) { .container-850 {padding-left: 10px; padding-right: 10px;}}

  .container-750 {max-width: 750px; margin-left: auto; margin-right: auto;}
  @media screen and (max-width: 770px) { .container-750 {padding-left: 10px; padding-right: 10px;}}

  .container-650 {max-width: 650px; margin-left: auto; margin-right: auto;}
  @media screen and (max-width: 670px) { .container-650 {padding-left: 10px; padding-right: 10px;}}

  .container-article {padding-right: 15px; padding-left: 15px;}
  .container-article h3 {font-weight: bold;}
  @media (min-width: 620px) {
    .container-article {
      max-width: 601px;
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;

    }
  }

.container-hero {
	max-height: 80px;
	margin-left: auto;
	margin-right: auto;
}

  /* structure */
    ::-moz-selection { background: #f95600; color: #fff; text-shadow: none; }
    ::selection { background: #f95600; color: #fff; text-shadow: none; }

  .orange-background ::-moz-selection  { background: #111; color: #fff; text-shadow: none; }
  .orange-background ::selection { background: #111; color: #fff; text-shadow: none; }
  .orange-background a {color: #fff; text-decoration: underline;}


  .numberCircle {
    border-radius: 50%;
    width: 62px;
    height: 62px;
    padding: 8px;

    border: 2px solid #fff;
    color: #fff;
    text-align: center;

    font-size: 32px;
    font-style: italic;
   }

   @media (max-width: 767px) { .numberCircle { margin-left: auto; margin-right: auto; margin-top: 50px;}}


/* COUNCILS SEARCH LIST - 16TH MARCH 2021 ADDED BY SMS */

.councilsContainer {
	min-height:150px;
	max-height:30vh;
	overflow-y: auto;
}

#searchCouncils {
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 20px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}

#councilsList {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#councilsList li {
	padding:0 !important;
	margin:0 !important;
}

#councilsList li a {
  border: 1px solid #ddd;
  margin-top: -1px; /* Prevent double borders */
  background-color: #f6f6f6;
  padding: 12px;
  text-decoration: none;
  font-size: 18px;
  color: black;
  display: block
}

#councilsList li a:hover:not(.header) {
  background-color: #eee;
}

.page-template-welfaredatawatch-campaign-page h2 {
	text-transform:uppercase;
	padding-top: 0 !important;
}

.page-template-welfaredatawatch-campaign-page .container-950 {
	padding-right:20px;
	padding-left:20px;
}


/* CONTROLLING REVEAL MORE SECTIONS ON STOPVACCINEPASSPORTS CAMPAIGN PAGE - 5TH MARCH 2021 */
.revealMore {display:none;}
.revealMore.is-visible {display:block;}
.reveal-more-link .this-is-visible {display:none;}
.reveal-more-link .this-isnt-visible {display:block;}
.reveal-more-link.is-visible .this-is-visible {display:block;}
.reveal-more-link.is-visible .this-isnt-visible {display:none;}
a.reveal-more-link {display:block;}
#faq a.reveal-more-link {border-top:1px solid #555;padding:20px 0;}

/* ALIGNING BREADCRUMBS ON STOPVACCINEPASSPORTS CAMPAIGN PAGE - 6TH MARCH 2021 */

.page-template-stopvaccinepassports-campaign-page .breadcrumb, 
.page-template-thermal-campaign .breadcrumb,
.page-template-coop-campaignv2-page .breadcrumb,
.page-template-hikvision-campaign .breadcrumb,
.page-template-protect-protests .breadcrumb, 
.page-template-ministry-of-truth-campaign-page .breadcrumb{
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
            margin-bottom:16px;
            padding-top:0;
            background:transparent !important;
}

.page-template-thermal-campaign .primary-title-report {
	padding:0 !important;
}

.page-template-welfaredatawatch-campaign-page .breadcrumb {
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
            margin-bottom:16px;
            padding-top:150px;
            background:transparent !important;
}



/* TWEAKING THINGS ON STOPVACCINEPASSPORTS CAMPAIGN PAGE - 6TH MARCH 2021 */

.page-template-stopvaccinepassports-campaign-page .breadcrumb-container.padding-top-150,
.page-template-welfaredatawatch-campaign-page .breadcrumb-container.padding-top-150{
            padding-top:100px;
}
.page-template-stopvaccinepassports-campaign-page .breadcrumb,
.page-template-welfaredatawatch-campaign-page .breadcrumb-container.padding-top-150{
    margin: 0;
   padding: 0 0 20px;
}

.page-template-stopvaccinepassports-campaign-page .breadcrumb-first,
.page-template-welfaredatawatch-campaign-page .breadcrumb-container.padding-top-150{
    margin: 0;
    padding: 0;
}
.page-template-stopvaccinepassports-campaign-page .main-title {
            margin:0;
            padding:0;
}

.page-template-stopvaccinepassports-campaign-page .justify-space-around {
-ms-flex-pack: distribute;
            justify-content: space-around;
}

.page-template-stopvaccinepassports-campaign-page .sidenav {
    z-index:3;
}
@media all and (min-width:1250px) and (max-width:1300px) {
    .page-template-stopvaccinepassports-campaign-page #homeVideo {
        width: 100% !important;
        height: 100% !important;
        max-height: 56.16vw !important;
    }
}


.container-hero-passes {
	max-height: 100px;
	margin-left: auto;
	margin-right: auto;
}

/* NEW CAMPAIGNS PARENT PAGE - 27TH MARCH 2021 - STUART */
.campaigns-flex {
	padding:0 15px;
}

.campaigns-flex h2.card-title {
	padding:20px !important;
	margin:0 !important;
}

@media all and (min-width:960px){
	.campaigns-flex {
		  -webkit-box-pack:justify;
			-ms-flex-pack:justify;
				justify-content:space-between;
	}
	.campaign-item {
		width:48%;
	}
}

/* UPDATING FREESPEECHONLINE CAMPAIGN PAGE - 3RD SEPTEMBER 2021 */

.oc-relative {position:relative;}
.oc-caption {position:absolute;bottom:0;left:0;right:0;padding:10px 20px 0;background:rgba(0,0,0,0.6);}
.oc-captionOUT p {max-width:820px;margin-bottom:0;margin-top:10px;text-align:center;}
.page-template-freespeechonline-campaign-page .breadcrumb {-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 16px;
    background: transparent !important;
padding-top:5px;padding-bottom:0;margin-bottom:0;}

.page-template-freespeechonline-campaign-page .orange-background .breadcrumb a {
	text-decoration:none !important;
}
.page-template-freespeechonline-campaign-page .primary-title-report,
.page-template-freespeechonline-campaign-page .campaign-dark-section h2{
	padding-top:30px !important;
}
.page-template-freespeechonline-campaign-page .take-action-campaing-section {
	padding-top:0 !important;
}

/* UPDATING protect protests CAMPAIGN PAGE - 16th june 2022 */

.page-template-protect-protests .primary-title-report {
	padding-top: 50px !important;
}

@media (min-width: 992px) { .page-template-protect-protests .petition-section-victims {margin-top: 50px;}}

.container-hero-ppr {
	max-height: 100px;
	margin-left: auto;
	margin-right: auto;
}

.ppr-backround{
          background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url('https://bigbrotherwatch.org.uk/wp-content/uploads/2022/06/Protest-rights.jpg') repeat 0 0;
          background-color: #333;
          background-position: center; /* Center the image */
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          padding-top: 290px;
          padding-bottom: 290px;
        }
        .what-we-want img {margin-top: 30px; margin-bottom: 30px;}
}

/* EMAIL YOUR MP FEATURE - 31st August 2022 */

#email-your-mp h2 {
      margin:20px 0 10px;
}

#mpListContainer {
	max-height:20vh;
	overflow-y: auto;
	padding-right:5px;
}

#mpList {
	padding:0;
	margin:0;
}

#mpList li {
	background: #f0f0f0;
	margin-bottom: 5px;
	padding: 4px 10px;
}

.mpName {
      font-weight:bold;
}

.mpParty {
      font-size:90%;
      text-transform:uppercase;
}

.mpConstituency {
      font-size:85%;
      font-style:italic;
}

#mpInput,
.wpcf7 label,
.wpcf7 input,
.wpcf7 textarea {
      width:100%;
}

#mpInput {
      margin-bottom: 10px;
}
.wpcf7 p {
      margin:0;
}

.wpcf7-submit {
	font-size: 19px;
	font-weight: bold;
	text-transform: uppercase;
      background-color: #f95600;
    border-color: #f95600;
    color: #fff;
    border-radius: 0px;
    padding: 0.5rem 1rem;
}

span.wpcf7-not-valid-tip {
  background: yellow;
  color: black;
  padding: 0 2px; /* minimal padding to simulate highlight */
  font-size: 14px;
  display: block;
  border-radius: 0;
  box-shadow: none;
  margin-top: 4px;
}

span.wpcf7-response-output{
	  background: yellow;
  color: black;
  padding: 0 2px; /* minimal padding to simulate highlight */
  font-size: 14px;
  display: block;
  border-radius: 0;
  box-shadow: none;
  margin-top: 4px;
}

#mpFormMessage {
      padding:20px;
      background:#f9f9f9;
}
#mp-selected {
      display:none;
}
#mp-selected-name {
      font-weight:bold;
}
.unseen {
      display:none;
}
.requiredField {
      font-weight: bold;
    color: yellow;
}
.wpcf7-response-output {
      margin-top:0;
}