/*
Theme Name: Oval Design Blank Bootstrap Theme
Theme URI: http://oval-design.co.uk
Description: A simple responsive theme based on the Bootstrap framework. 
Version: 2.4.9
Author: Alex Wilk - Oval Design
Author URI: http://oval-design.co.uk
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options


/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800,800i&display=swap&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');

@import url("https://use.typekit.net/slr7hbw.css");

html {
	scroll-behavior: smooth;}

/* Navbar */
.navbar-default {
    background-color: rgba(248, 248, 248, 0);
    border-color: rgba(231, 231, 231, 0);}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
    color: black;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: black;
    background-color: rgba(231, 231, 231, 0);}

.navbar-default .navbar-nav>li>a {
    color: #303030;
    text-transform: uppercase;
    font-weight: 600;
    font-size:14px;
    padding-top: 32px;
    padding-bottom: 30px;
    padding-left: inherit;
    padding-right: inherit;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    margin: 0 auto;
    text-align: center;}

.navbar-brand>img {
    display: block;
    max-width: 180px;
    max-width: 160px;
    padding-top: 10px;}

.navbar{
    min-height: 110px;
    background-color: white;
    border: 0px;
    margin-bottom: 0px;}

.navbar-nav {
    float: right;}

.navbar-center{
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}

.none{
    display: none;}

/*French Menu
ul#menu-menu-4{
	width:730px;}
*/
/*Netherlands Menu, Portugese Menu
ul#menu-menu-6, ul#menu-menu-10{
	width:650px;}
*/
/*Spanish Menu
ul#menu-menu-9{
	width:660px;}
*/
/*Turkish Menu
 ul#menu-menu-11{
     width: 670px;}
*/

/*Bootstrap Styles*/

body {
    color:#303030;
    padding-top:110px; /*height of navbar*/
    height: 100%;
    font-family: objektiv-mk2, 'Open Sans', sans-serif;
    background-color: #f6f5f5;}

p{
    text-align:justify;
    font-size:18px;
    margin-bottom: 20px;
    color: black;}

p a{
    color: #ec5123;
    font-weight: 600;}

html{
    height: 100%;}
    
#holder{
    min-height: 100%;
    padding-bottom: 100px;    /* height of footer */
    position:relative;}

img {
    width: 100%;
    height: auto;}

footer{
    height: 100px; 
    width:100%;
    position: absolute;
    left: 0;
    bottom: 0; }

.container {
    width: 100%;
    padding: 0px;}

.row {
    margin: 0px;}

#content {
    padding: 0px;}

a {
    color: black;
    text-decoration: none;}

a:hover, a:focus {
    color: inherit;
    text-decoration: none;}

a.button:hover, a.button:focus, a.button:active, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active{
    color: white;
    background-color: #c4c4c4;}

.page h1{
    text-align: center;}

.page h2{ 
    text-align: left;
    color: #303030;
    font-size: 28px;
    margin-top: 40px;
    margin-bottom: 20px;}

.page h3{
    text-align: justify;
    color: #303030;
    font-size: 24px;
    margin-top: 40px;
    margin-bottom: 20px;}

.page h4{
    text-align: left;
    color: #303030;
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;}
    
.page .inner ul{
    margin-top: 20px;
    margin-bottom: 20px;}

.page .inner ul li{
    margin-bottom: 20px;}

.page .inner a{
    color: #ec5122;
    font-weight: 600;}

.page .inner a span{
    color: #ec5122;
    font-weight: 600 !important;}

.top-bar{
    width: 100%;
    height: 28px;
    background-color: #303030;}

.top-bar-section i{
    color: white;}

.top-bar .right-side{
    float: right;
    color: white;
    width: 50%;
    max-width: 600px;
	display: flex;
    justify-content: space-between;}

.top-bar .right-side p{
    display: inline-block;
    margin-bottom: 0px;
    margin-top: 5px;
    font-size: 14px;
    color: white;
    text-align: center;}

.search-pop p{
    margin-right: -20px;}

.top-bar .right-side .fa-search{
	margin-right:5px;}

.top-bar .right-side p.language{
    float:right;}

.top-bar .right-side .language{
    display: inline-block;
    float: right;
    width: 160px;
    margin-bottom: 0px;
    font-size: 14px;
    color: white;
    padding: 0px;
    margin: 0px;
    margin-top: 5px;}

.language li{
    list-style-type: none;}

.language li a{    
    color: white;
    font-size: 14px;}

.language a.dropdown-toggle{
    margin-left: 0px;
    margin-top: 5px;
    font-weight: initial;}

.fa-globe{
    margin-top: 7px;
    position: absolute;}

.language .dropdown-menu {
    background-color: #303030; }

.language ul.dropdown-menu li{
    padding-right: 0px;}

ul#menu-language-switcher .dropdown .dropdown-menu {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

    max-height: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    display: block;
    overflow: hidden;}

ul#menu-language-switcher .dropdown.open .dropdown-menu { 
    max-height: 1000px;
    padding-top: 12px;
    padding-bottom: 10px;
    border:0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;}

#menu-language-switcher .dropdown{
    padding-left: 20px;}

/*::-webkit-scrollbar {
    display: none;}*/

.doc{
    margin-right: 5px;}

ul.navbar-nav li.Participate a.dropdown-toggle{
    float: right;
    background-color: #ec5122;
    color: white;
    padding: 5px 7px 4px 7px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: -24px;
    margin-right: 30px;}

ul.navbar-nav>li.Participate>.dropdown-menu {
    margin-top: -4px;
    margin-left: -51px;
    border-top-right-radius: 0;
    border-top-left-radius: 4px;
    padding-top: 10px;}

ul.navbar-nav li.Participate .dropdown-menu {
    min-width: 160px;
    padding-top: 12px;
    padding-bottom: 10px;
    list-style: none;
    background-color: #e95021;
    border: 0px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;}
    
ul.navbar-nav li.Participate .dropdown-menu>li>a{
    font-size: 14px;
    color: white;
    font-weight: 600;
    text-transform: uppercase;}

ul.navbar-nav li.Participate .dropdown-menu>li>a:hover{
    background-color: #c4c4c4;}

ul.navbar-nav li.Participate .dropdown .dropdown-menu {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

    max-height: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    display: block;
    overflow: hidden;}

ul.navbar-nav li.Participate .dropdown.open .dropdown-menu { /* For Bootstrap 4, use .dropdown.show instead of .dropdown.open */
    max-height: 300px;
    padding-top: 12px;
    padding-bottom: 10px;}

ul.navbar-nav .dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    font-weight: normal;
    color: #303030;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;}

.navbar-nav>li>.dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border: 0px;
    border-radius: 0px;}

.inner{
    padding: 50px;
    display: inline-block;
    width: 100%;
    padding-bottom: 50px}

.page-template-page-peoplesgathering .inner, .page-template-page-campaign-accelerator .inner{
    display: flex;
    padding-top: 25px;}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 600;
    color: #303030;
    line-height: 1.3;
    text-align: left;}

.inner-home h2{
    font-size: 20px;
    margin-top: -10px;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: inherit;
    text-align: left;
    max-width: 380px;
    color: #303030;}

.inner-home h1{
    text-align: left;}

p.red{
    color: #ec5122;
    font-weight: 600;
    font-size: 18px;
    margin-top: 15px;
    display: inline-block;}

.inner-home p.red{
    margin-top: 25px;}

.inner-home .social-links{
    margin-top: 20px;}

.widgettitle {
    margin-bottom: 9px;
    font-weight: 600;
    font-size: 16px;}

#inner-footer{
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 25px;
    padding-top: 25px;}

#inner-footer ul{
    list-style-type: none;
    padding-left: 0px;
    font-size: 14px;
    font-weight: 400;}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #303030;}

h1.tag-line{
    font-size: 25px;
    float: right;
    margin-top: 36px;
    margin-bottom: -10px;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;}

.widget {
    margin-bottom: 18px;
    padding: 0px;}

.left{
    padding-right:15px;}

.right{
    padding-left:15px;}

.white{
    background-color:white;}

.inner-home h3{
    text-align:center;
    color:#303030;}

.top .inner-news{
    max-height: 450px;
    display: block;}

.inner-news h4{
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px;
    color:#303030;}

.container-box{
    width:100%;
    max-width:1100px;
    margin: 0 auto;}

.news-box{
    padding:20px;
    padding-top: 60px;}

.news-box p{
    font-size:16px;
    text-align: left;}

.news-box h3{
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
    display: inline-block;}

.news-box h5{
    display: inline-block;}

.news-box h3 span{
    float: left;}

.page .inner-home .news-box h3 span a, .page .inner-home .news-box h5 span a{
    margin-top: 0px;}

.news-box span.post-author a:after{
    content: ", ";
    margin-right: 5px;}

a.readmore{
    color: #ec5122;
    font-weight: 600;
    font-size: 16px;
    margin-top: 15px;
    display: inline-block;}

.inner-home #sp-post-carousel-pro-24731.sp-post-carousel-pro-area .slick-arrow{
    margin-top: -45px;}

.inner-home .fa, .inner-home .fas {
    font-weight: 900;
    font-size: 30px;}

.inner-home .sp-post-carousel-pro-section .slick-dots{
    margin-top:40px;
	margin-bottom:0px;}

#sp-post-carousel-pro-24731 .sp-pcp-post .sp-pcp-post-title, #sp-post-carousel-pro-24731 .sp-pcp-post .sp-pcp-post-title a, .sp-pcp-modal-post-24731 .sp-pcp-post-title {
    font-family: inherit !important;
    color: #303030 !important;}

#sp-post-carousel-pro-24731 .sp-pcp-post{
	height: 217px !important;
	max-height: 217px !important;
    vertical-align: middle;
    display: table;}

.slick-slide{
	height: 217px !important;}

.slick-cloned{
	height: 217px !important;}

#sp-post-carousel-pro-24731 .slick-track [aria-hidden="true"]{
	height: 217px !important;
    max-height: 217px !important;}

.page-template-page-peoplesgathering .sp-post-carousel-pro-section .sp-pcp-post, .page-template-page-peoplesgathering .sp-post-carousel-pro-section .sp-pcp-post-relative {
    /*position: relative*/;
    display: table-cell;
    vertical-align: middle;
    background-color: white;}

.page-template-page-tv .sp-post-carousel-pro-section .sp-pcp-post, .page-template-page-tv .sp-post-carousel-pro-section .sp-pcp-post-relative {
    /*position: relative*/;
    display: table-cell;
    vertical-align: middle;
    background-color: white;}

.home-collectives img{
    max-width:200px;}

.home-collectives .left{
    text-align:right;
    padding-right: 50px;}

.home-collectives .left p{
	text-align:right;}

.home-collectives .right{
    text-align:left;
    padding-left: 50px;}

.home-collectives .right p{
	text-align:left;}

.home-collectives .right img{
    margin-top: 32px;}
 
.home-collectives p{
    margin-bottom: 30px;
    max-width: 360px;
    font-size: 18px;}

.home-collectives .left p{
    float: right;}

.home-collectives .right p{
    float: left;}

.home-collectives h4{
    font-size: 25px;
    font-weight: 600;
    margin-top: 50px;
    margin-bottom: 30px;
    text-align: inherit;
    color: #303030;}

a.button{
    background-color: #ec5122;
    color: white;
    border-radius: 5px;
    font-weight: 600;
    padding: 15px 20px 12px 20px;}

.page .inner a.button{
    background-color: #ec5122;
    color: white;
    border-radius: 5px;
    font-weight: 600;
    padding: 15px 20px 12px 20px;
    max-width: 160px;
    margin-left: 10px;
    margin-right: 10px;
    width: auto;
    min-width: 150px;}

.home-collectives .browse{
    margin-bottom: 30px;
    display:inline-block;
	text-align:center;}

.home-donate{
    background-color:#ec5122;
    padding-top: 25px;
    padding-bottom: 25px;}

.home-donate .container-box{
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;}

.home-donate .container-box .col-md-6, .home-donate .container-box .col-md-3{
    display: flex;
    flex-direction: column;
    justify-content: center;}

.home-donate h3{
    margin-top: 0px;
    font-size: 25px;
    margin-bottom: 10px;
    color: white;
    margin-top: -15px;}

.home-donate p{
    text-align: left;
    font-size: 14px;
    margin-bottom: 0px;
    color: white;
    font-weight: 600;}

.amount-btn{
    padding: 10px;}

.donate-box-1{
    padding-right: 70px;}

.donate-box-3 p.secondary{
    font-size: 12px;
    font-weight: 600;}

.donate-box-3 input[type="button"]{
    border: 0px;
    margin-bottom: 10px;}

.donate-row{
    padding-left:20px; 
    padding-right:20px;}

.inner-campaigns .container-box{
    max-width:1000px;}

.page-template-page-campaigns .inner-campaigns .row{
    margin-left:-25px;
    margin-right:-25px;}

.volunteer-row{
    margin-left:-15px;
    margin-right:-15px;}

.campaign-box{
    padding:25px;
    text-align:left;}

.volunteer-box{
    padding:15px;
    text-align:left;}

.page .volunteer-box p{
    text-align:left;}

.campaign-img-box{
	background-color: #f1f1f1;
	text-align:center;
	margin-bottom:25px;
    min-height: 201.33px;}

.sp-pcp-post{
	background-color: #f1f1f1;
	text-align:center;
	padding:20px;}

.page-template-page-manifesto .sp-pcp-post{
    background-color: white;}

.sp-pcp-post img{
	max-width: 170px;
	margin: 0 auto;}

.sp-pcp-post h2{
	text-align:center !important;}

#sp-post-carousel-pro-24731 .sp-pcp-post-meta{
	display:none;}

.inner-campaigns .campaign-img-box h3{
	color: #303030;
    text-align: center;
    margin-top: 0px;
    padding-top: 30px;
	font-size: 23px;
	padding-left:25px;
	padding-right:25px;}

.inner-campaigns .volunteer-box .campaign-img-box h3{
    margin-bottom: 0px;}

.campaign-img-box img{
	max-width:170px;}

.campaign-box p{
    font-size: 17px;
    text-align: justify;}

.campaign-box img{
    margin-bottom: 20px;}

.inner-top{
    text-align: center;}

.inner-top .container-box, .inner-profiles .container-box, .inner-campaigns .container-box{
    max-width:800px;
    text-align:center;}

.inner-top .page h3, .inner-top h3{
    font-size: 20px;
    text-align: justify;}

.inner-campaigns h2{
    margin-top: 40px;
    color: #303030;
    margin-bottom: 40px;
    text-align: center;}

.page-template-default h3{}

.page ul{
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    color: #303030;}

.inner-campaigns h3{
    text-align: left;
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 20px;}

.inner-top p{
    font-size: 18px;
    text-align:justify;
    margin-bottom: 20px;}

.inner-top h1{
    font-size: 33px;
    text-align: center;
    margin-bottom: 35px;}

.inner-top .campaign-icon{
    max-width: 200px;
    margin-bottom: 30px;}

.inner-about .button, .inner-profiles .button{
    margin: 20px;
    margin-top: 20px;
    display: inline-block;}

.inner-profiles .button, .inner-campaigns .button{
    margin: 15px;
    margin-top: 40px;
    display: inline-block;}

.inner-profiles h2{
    text-align:center;
    margin-bottom: 40px;}

.inner-profiles p{
    font-size: 18px;
    margin-bottom: 20px;
    text-align:justify;}

.inner-profiles .profile-box{
    padding:6px;}

.inner-profiles .row{
    margin-left:-5px;
    margin-right:-5px;}

.panel-title{
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    color: #ec5122;}

.page h4.panel-title{
    margin-top: 10px;
    margin-bottom: 10px;}

.panel-default, .panel {
    border-color: transparent;
    border: 0px;
    border-radius: 0px;
    box-shadow: none;}

.panel-heading {
    padding: 14px 15px;}

.arrow {
    float: right;}

i.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -mos-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    -ms-transition: transform 0.5s;
    -o-transition: transform 0.5s;}

.panel i {
    border: solid #ec5122;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 6px;}

a[aria-expanded="true"] i.down {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -mos-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    -ms-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    margin-top: 6px;}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: transparent;
    margin: 0 0 10px;
    font-size: 18px;
    text-align: left;
    color: black;}

.inner-campaigns .page .row{
    display: flex;
    align-items: flex-start;
    padding: 30px 5%;}

.inner-profiles .panel-default>.panel-heading{
    background-color: white;}

a.share{
    background-color: #ec5122;
    color: white;
    padding: 5px 7px 4px 7px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;}

.pagination {
    display: inline-block;
    padding-left: 0;
    border-radius: 4px;
    margin-top: 50px;
    text-align: center;}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #ec5123;
    border-color: #ec5123;
    cursor: default;}

.pagination>li>a, .pagination>li>span {
    color: #ec5123;}

.pagination>li>a:hover{
    color:#303030;}

.share-buttons{
    display: inline-block;
    margin-left:10px;}

h1.archive_title{
    margin-bottom: 40px;}

.hashtags{
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: #ec5122;}

.share-buttons{
    transition:1s ease-out;
    opacity:0;
    position: absolute;
    margin-top: 40px;
    margin-left: -73px;}
 
.show-buttons{
    opacity:1;}

.wp-block-image {
    max-width: 100%;
    margin-bottom: 30px;
    margin-top: 30px;}

.news-bg {
    background-color: #fff;}

.news-row h5{
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;}

.news-row .readmore, .archive .readmore{
    font-size: 14px;}

.archives-wrap {
    padding: 60px 0 80px 0;
    width: 100%;
    display: flex;
    justify-content: center;}

.archive .news-box, .search .news-box{
    padding-top: 0px;}

.archive .news-box p, .search .news-box p, .news-row p{
    font-size: 16px;
    text-align: left;}

.archive .news-box a.readmore, .search .news-box a.readmore{
    font-size: 16px;}
    
.news-box p.date{
    font-weight: 600;
    color: #303030;
    margin-top: 13px;
    margin-bottom: 15px;}

span.opinion{
    margin-right: 8px;
    background-color: #ec5122;
    color: white;
    padding: 5px 8px 3px 8px;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0px;
    font-size: 16px;}

.archive span.opinion{
    float: left;
    margin-bottom: 0px;}

.news-local {
    background-color: #f6f5f5;
    padding-bottom: 50px;
    padding-top: 30px;}

.page .news-local h3{
    text-align: center;}

.news-container{
    margin-left: -20px;
    margin-right: -20px;}

.news-outer{
    margin-top: 50px;}

body p, .article-content p{
    font-size: 18px;
    margin-bottom: 20px;}

body .article-content p{
    margin-bottom: 10px;
    margin-top: 10px;}

.page p{
    margin-bottom: 20px;}

.article-content li{
    font-size: 18px;
    margin-bottom: 10px;}

.article-content li ul li{
    margin-bottom: 0px;}

.article-content li a{
    color: #ec5123;
    font-weight: 600;}

.article-content ul, .article-content ol {
    margin-top: 30px;
    margin-bottom: 30px;
    color: black;}

.article-content{
    margin-top: 30px;}

.article-content blockquote{
    padding: 20px 50px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
    margin-top: 20px;
    margin-bottom: 20px;}

.article-content blockquote p{
    font-size: 24px;
    font-weight: 600;
    color: #303030;}

b, strong{
    color: #303030;}

time h4{
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 20px;}

.article-content h1, .article-content h2, .article-content h3, .article-content h4{
    margin-bottom: 20px;
    margin-top: 40px;
    font-weight: 600;}

.article-content h2{
    font-size: 28px;}

.article-content h3{
    font-size: 23px;}

.article-content h4{
    font-size: 20px;}

.article-content img{
    margin-top: 20px;
    margin-bottom: 20px;}

.article-content .col-md-6{
    padding-left: 15px;
    padding-right: 15px;}

.article-content .row{
    margin-left: -15px;
    margin-right: -15px;}

body .wp-block-pullquote p {
    font-size: 22px;
    line-height: 1.6;}

/* SINGLE.php */

p.tags{
    text-align: left;}

a.label {
    display: inline-block;
    background-color: #ec5122;
    color: white;
    font-size: 12px;
    padding: 7px 10px 5px 10px;
    margin-bottom: 8px;
    border-radius: 5px;
    font-weight: 600;}

.page .inner a.label{
    color: white;
    padding: 7px 10px 5px 10px;}

.page .featured h4{
    margin-top: 0px;}

.tags a{
    text-transform: capitalize;}

.tags a.label:hover{
    background-color: #c4c4c4;}

.title-block {
    padding-top: 30px;
    padding-bottom: 15px;
	text-align:left;}

.sub-block {
    padding-top: 10px;}

.sidebar-right {
    padding-left: 60px;
    margin-top: -10px;}

.sidebar-right .widget {
    margin-bottom: 40px;}

.sidebar p {
    font-weight: 600;}

.sidebar-section {
    padding-bottom: 20px;}

.sidebar-section h4.widgettitle{
    font-weight: 600;
    text-align: left;
    font-size: 18px;
    margin-bottom: 20px;}

.sidebar-section ul a li{
    color: #ec5122;
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    list-style-type: none;}

.sidebar-section ul a::after{
    content: " /";
    color: #ec5122;
    font-weight: 600;
    font-size: 14px;}

.sidebar-section ul a:nth-last-child(1)::after{
    content: "";}

.sidebar-section ul{
    padding-left: 0px;}

li.cat-item, #annual_archive_widget-2 li{
    display: inline-block;
    background-color: #ec5122;
    color: white;
    padding: 4px 10px 4px 10px;
    margin-bottom: 8px;
    border-radius: 5px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    vertical-align: baseline;}

li.cat-item a, #annual_archive_widget-2 li a{
    color: white;
    font-size: 12px;}

.newsletter-form {
    position: relative;
    width: 100%;}

.newsletter-form input[type=text]{
    width: 100%;
    height: 40px;
    border: none;
    text-indent: 10px;
    border-radius: 0px;}

.newsletter-form input[type=submit]{
    width: 100%;
    font-size: 16px;
    background-color: #ec5122;
    color: #fff;
    border: none;
    font-weight: 600;
    padding-top: 3px;
    height: 40px;
    border-radius: 0px;
    text-align: center;}

.social-links {
    display: flex;}

.social-icon {
    position: relative;
    width: 35px;
    height: 35px;
    background-color: #000;
    margin-right: 10px;
    border-radius: 50%;}

.pagination>li>a, .pagination>li>span{
    border: 0px solid #ddd;
    margin-left: 3px;
    margin: 3px;}

.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    background-color: white;
    color: #ec5123;}

.fab {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    padding: 10px;
    border-radius: 50%;}

.fa-2x {
    font-size: 1.5em !important;}

.donation-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    max-width: 300px;}

.donation-box {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    background-color: #fff;}

.home-donate .donation-box{
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 0;
    padding-bottom: 70%;
    background-color: #fff;}

.home-donate .donation-box:hover{
    background-color: #fff;}

.home-donate .donation-box:hover h1{
    color: #ec5122;}

.donation-box h1 {
    color: #ec5122;
    font-size: 20px;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}

.donation-box:hover{
    color: white;
    background-color: #ec5122;}

.donation-box:hover h1{
    color: white;}

.other-stories {
    padding-top: 60px;
    width: 100%;
    text-align: center;}

.other-stories h3 {
    font-size: 30px;
    text-align: center;}


/* EVENTS & GROUPS */

.event-grid,
.group-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    padding-left: 40px;}

.event-single,
.group-single {
    background-color: #f6f5f5;
    padding: 10px;}

.event-single h5,
.group-single h5 {
    font-weight: 600;}

.event-single a,
.group-single a {
    font-size: 14px;
    margin-top: 0;}

.group-single p, .event-single p{
    font-weight: 600;
    font-size: 12px;}

.load-btn-wrap {
    width: 100%;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    margin-top: 60px;}

.sidebar-left {
    padding-right: 40px;}

.search-form {
    position: relative;
    width: 100%;}

.search-form input[type=text]{
    width: 100%;
    height: 40px;
    border: none;
    background-color: #f6f5f5;}

.search-form button[type=submit]{
    position: absolute;
    width: 20%;
    height: 100%;
    font-size: 20px;
    background-color: #ec5122;
    color: #fff;
    transform: translateX(-100%);
    border: none;}

input:focus, button:focus {
    outline: none;}

.filter-collapse {
    display: none;
    padding: 50px 50px 0 50px;}

.filter-collapse p {
    padding-bottom: 12px;
    font-weight: 600;}

.filter-collapse h4 {
    font-weight: 600;
    text-align: center;
    padding-bottom: 30px;}

.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select, .wpcf7-form .uneditable-input {
    margin-bottom: 0;
    border: 0px;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;}

.wpcf7-form button, html .wpcf7-form input[type="button"], .wpcf7-form  input[type="reset"], .wpcf7-form  input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    background-color: #ec5122;
    color: white;
    font-weight: 700;
    width: 100px;}

.participate{
    position: absolute;
    right: 0px;
    top: auto;}

.navbar-default .navbar-nav>li.donate a{
    background-color: #ec5122;
    color: white;
    padding: 10px 15px 10px 15px;
    margin: 20px;
    margin-top: 21px;}


/*div.navbar-collapse .navbar-nav .dropdown {
    display: none!important;}
div.participate .navbar-nav .dropdown {
	display: block;}*/

/*WP Bakery Styles*/

.wpb_wrapper h3.style-title{
    font-size: 28px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-weight: 600 !important;
    color: #303030 !important;
    line-height: 1.3 !important;
    text-align: justify !important;
}

.vc_general.vc_cta3.vc_cta3-style-classic {
    border: 0px !important;
    background-color: transparent !important;
    padding: 0px !important;}

.vc_general.vc_cta3.vc_cta3-style-classic img{
    max-width: 80px !important;}

h4.vc_tta-panel-title a{
    color: #303030 !important;}

.wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title>a {
    background-color: white !important;
    padding: 20px !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;}

.wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon {
    right: 30px !important;
    left: auto !important;}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
    border-color: transparent !important;
    background-color: transparent !important;}

.vc_custom_1525787395055 .vc_column-inner{
    border-left:0px !important;
    border-right:0px !important;
    background-color: transparent !important;}

.vc_custom_1525787395055 .vc_column-inner h1, .vc_custom_1525787395055 .vc_column-inner p{
    background-color: transparent !important;}

.vc_custom_heading a{
    color: #ec5122 !important;}

.vc_custom_1525787395055, vc_custom_1525787395055 {
    margin-right: -43px !important;
    margin-left: -43px !important;}

.vc_row.vc_row-o-content-top>.vc_column_container>.vc_column-inner{
    background-color: transparent !important;}

.vc_column-inner h1, .vc_column-inner p, .vc_column-inner h2, .vc_column-inner h3{
    background-color: transparent !important;}

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));}

body p {
    margin: 0 0 20px;
    font-size: 18px;}

.aw-popup{
	background-color: #ec5122;
    padding: 40px;
	padding-bottom: 50px;
    width: 100%;}

.aw-popup .modal-title {
	font-family: inherit;
	font-weight:500;
    color: white;}

.aw-popup #searchform input {
    height: 45px !important;
	color: #303030;
    border: 0px;
	width:100%;
    font-size: 18px;}

.aw-popup #searchform input[type=text]{
	text-indent: 10px;
	float:left;}

.aw-popup #searchform input[type=submit]{
	padding-left: 12px;
    padding-right: 12px;
	background-color:#e8e8e8;
    font-weight: 700;
    padding-top: 5px;}

.aw-popup .close {
    height: 40px;
    width: 40px;
    color: #303030;
    font-size: 37px;
    opacity: 1;
    text-shadow: none;
    margin-top: -30px;
    margin-right: -30px;}

.aw-popup .modal-title {
    font-family: inherit;
    font-weight: 500;
    color: white;
    margin-top: 0;
    margin-bottom: 10px;}

/*--Press Page Styles--*/

.page-template-page-press h4{
    margin-top: 0px;
    font-size: 18px;
    margin-bottom: 10px;}

.page-template-page-press .profile-box img{
    margin-bottom: 10px;}

.page-template-page-press h5{
    text-align: left;}

.page-template-page-press .inner-profiles .profile-box{
    padding: 10px;}

.press-box{
    padding: 20px;
    background-color: white;
    margin-bottom: 20px;
    height: 100%;}

.media-reviews-row .press-box{
    background-color: #f6f5f5;}

.press-box a.press-title, .press-box a.press-link, .press-box p.press-title{
    display: block;
    text-align: left;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #303030;}

.press-box a.press-link{
    color: #ec5122;
    margin-bottom: 0px;}

.press-releases-row, .media-reviews-row{
    margin-left: -20px;
    margin-right: -20px;}

.press-releases-row .col-sm-4, .media-reviews-row .col-sm-4{
    padding-left: 10px;
    padding-right: 10px;
    align-items: stretch;
    margin-bottom: 30px;}

.press-releases-row .row a.button, .media-reviews-row .row a.button{
    margin: 0 auto;
    margin-top: 20px;}

.press-releases-row .row, .media-reviews-row .row{
    display: flex;
    flex-wrap: wrap;}

span.response{
    font-weight: 500;}
    
img.press-logo{
    width: auto;
    text-align: left;
    display: block;
    max-width: 100%;
    max-height: 100px;
    margin: 0 auto;
    margin-bottom: 20px;}

.tv-banner{
    width: 100%;
    max-width: 1100px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;}

.news-mobile{
    display: none;}

#cookie-notice .cn-button{
    background-color: #ec5122;}

.wide-row{
    max-width: 1500px;
    margin: 0 auto;}

.red-pack{
    background-color:#ec5122;
    text-align: center;}

.red-pack h2, .red-pack p, .red-pack a, .red-pack b{
    color: white !important;
    text-align: center !important;}

.red-pack img{
    width: 200px;
    margin-top: 20px;}

.text-box{
    padding: 50px;
    padding-top: 20px;}

.table-cell{
    display: table-cell;
    float: none;
    vertical-align: top;
    text-align: center;}

.involved-img-mob{
    display: none;}

#pack select, #report-back select, .questionnaire-dropdown select{
    width: 100%;
    padding: 10px;
    border: 0px;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 10px;}

form#zip, form#reports, form#questionnaire{
    text-align: center;}

form#zip button, form#reports button, form#questionnaire button{
    border: 0px;
    padding: 10px 20px 10px 20px;
    margin: 30px;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 700;
    color: #ec5122;
    background-color: white;}

#organise{
    top: 450px;
    position: absolute;
    display: inline-block;}

#report {
    top: -50px;
    position: absolute;
    display: inline-block;}

.page .cards-row h2{
    text-align: center;}

.cards-row .row{
    max-width: 800px;
    margin: 0 auto;}

.cards-row .col-sm-6{
    padding: 20px;}

.cards-row .card{
    background-color: #f6f5f5;
    border-radius: 20px;}

.card .header-row{
    background-color: #ec5122;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 20px;
    padding-top: 30px;
    padding-bottom: 10px;}

.card .header-row p{
    font-weight: 700;
    color: white;
    text-align: center;}

.card .body-row{
    padding: 20px;
    text-align: left;}

.card .body-row p{
    text-align: left;}

.card .body-row strong{
    color: #ec5122;}

body .article-content p.wp-caption-text{
    font-size: 14px;
    margin-top: -10px;
    text-align: left;
    font-style: italic;}

.topics{
    column-count: 2;}

.page .inner .topics ul li{
    margin-bottom: 5px;}

.page .inner .topics ul li:first-child {
    margin-top: -20px;}



@media screen and (max-width: 1200px){
    .container {
	padding:0px !important;}
}

@media screen and (max-width: 1093px){
    .navbar-default .navbar-nav>li>a{
    padding-left:inherit;
	padding-right:inherit;}
}

.donate-desktop{
    display: block;}

.donate-mobile{
    display: none;}

.gathering-carousel .sp-pcp-post img {
    max-width: 100%;
    margin: 0 auto;}

.gathering-carousel #sp-post-carousel-pro-35453 .sp-pcp-post, .gathering-carousel #sp-post-carousel-pro-35896 .sp-pcp-post{
    padding: 0px;}

.page-template-page-tv .gathering-carousel #sp-post-carousel-pro-35896 .sp-pcp-post{
    margin-right: 40px;}

.gathering-carousel .sp-pcp-post{
    background-color: white;}

.page-template-page-tv .gathering-carousel .sp-pcp-post{
    background-color: #f6f5f5;}

.gathering-carousel  #sp-post-carousel-pro-35453 .sp-pcp-post .sp-pcp-post-title, .gathering-carousel  #sp-post-carousel-pro-35453 .sp-pcp-post .sp-pcp-post-title a, .gathering-carousel .sp-pcp-modal-post-35453 .sp-pcp-post-title {
    font-family: inherit;
    color: #333333;
    text-align: left !important;}

.gathering-carousel  #sp-post-carousel-pro-35896 .sp-pcp-post .sp-pcp-post-title, .gathering-carousel  #sp-post-carousel-pro-35896 .sp-pcp-post .sp-pcp-post-title a, .gathering-carousel .sp-pcp-modal-post-35896 .sp-pcp-post-title {
    font-family: inherit;
    color: #333333;
    text-align: left !important;}

.gathering-carousel .sp-pcp-post-title{
    margin-left: 10px;
    margin-right: 10px;}

/*Accelerator carousel*/

.gathering-carousel #sp-post-carousel-pro-36372 .sp-pcp-post{
    padding: 0px;}

.gathering-carousel  #sp-post-carousel-pro-36372 .sp-pcp-post .sp-pcp-post-title, .gathering-carousel  #sp-post-carousel-pro-36372 .sp-pcp-post .sp-pcp-post-title a, .gathering-carousel .sp-pcp-modal-post-36372 .sp-pcp-post-title {
    font-family: inherit;
    color: #333333;
    text-align: left !important;}

.gathering-carousel  #sp-post-carousel-pro-36372 .sp-pcp-post .sp-pcp-post-title, .gathering-carousel  #sp-post-carousel-pro-36372 .sp-pcp-post .sp-pcp-post-title a, .gathering-carousel .sp-pcp-modal-post-36372 .sp-pcp-post-title {
    font-family: inherit;
    color: #333333;
    text-align: left !important;}

.gathering-carousel #sp-post-carousel-pro-36372 .sp-pcp-post p.sp-pcp-content, .gathering-carousel .sp-pcp-modal-post-36372 p.sp-pcp-content {
    font-family: inherit;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 15px;}

.gathering-carousel #sp-post-carousel-pro-36372 .sp-pcp-post a.sp-pcp-read-more{
    color: #ec5122;
    margin-bottom: 16px;
    display: inline-block;
    font-family: inherit;
    font-size: 16px;
    line-height: 20px;
    text-transform: none;
    letter-spacing: normal;
    font-weight: 600;
    font-style: normal;
    margin-left: 10px;}

/*End Accelerator carousel*/

/*Grassroots carousel*/

.gathering-carousel #sp-post-carousel-pro-36605 .sp-pcp-post{
    padding: 0px;}

.gathering-carousel  #sp-post-carousel-pro-36605 .sp-pcp-post .sp-pcp-post-title, .gathering-carousel  #sp-post-carousel-pro-36605 .sp-pcp-post .sp-pcp-post-title a, .gathering-carousel .sp-pcp-modal-post-36605 .sp-pcp-post-title {
    font-family: inherit;
    color: #333333;
    text-align: left !important;}

.gathering-carousel  #sp-post-carousel-pro-36605 .sp-pcp-post .sp-pcp-post-title, .gathering-carousel  #sp-post-carousel-pro-36605 .sp-pcp-post .sp-pcp-post-title a, .gathering-carousel .sp-pcp-modal-post-36605 .sp-pcp-post-title {
    font-family: inherit;
    color: #333333;
    text-align: left !important;}

.gathering-carousel #sp-post-carousel-pro-36605 .sp-pcp-post p.sp-pcp-content, .gathering-carousel .sp-pcp-modal-post-36605 p.sp-pcp-content {
    font-family: inherit;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 15px;}

.gathering-carousel #sp-post-carousel-pro-36605 .sp-pcp-post a.sp-pcp-read-more{
    color: #ec5122;
    margin-bottom: 16px;
    display: inline-block;
    font-family: inherit;
    font-size: 16px;
    line-height: 20px;
    text-transform: none;
    letter-spacing: normal;
    font-weight: 600;
    font-style: normal;
    margin-left: 10px;}

/*End Grassroots carousel*/

/*DiEM Voice carousel*/

.gathering-carousel #sp-post-carousel-pro-36971 .sp-pcp-post{
    padding: 0px;}

.gathering-carousel  #sp-post-carousel-pro-36971 .sp-pcp-post .sp-pcp-post-title, .gathering-carousel  #sp-post-carousel-pro-36971 .sp-pcp-post .sp-pcp-post-title a, .gathering-carousel .sp-pcp-modal-post-36971 .sp-pcp-post-title {
    font-family: inherit;
    color: #333333;
    text-align: left !important;}

.gathering-carousel  #sp-post-carousel-pro-36971 .sp-pcp-post .sp-pcp-post-title, .gathering-carousel  #sp-post-carousel-pro-36971 .sp-pcp-post .sp-pcp-post-title a, .gathering-carousel .sp-pcp-modal-post-36971 .sp-pcp-post-title {
    font-family: inherit;
    color: #333333;
    text-align: left !important;}

.gathering-carousel #sp-post-carousel-pro-36971 .sp-pcp-post p.sp-pcp-content, .gathering-carousel .sp-pcp-modal-post-36971 p.sp-pcp-content {
    font-family: inherit;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 15px;}

.gathering-carousel #sp-post-carousel-pro-36971 .sp-pcp-post a.sp-pcp-read-more{
    color: #ec5122;
    margin-bottom: 16px;
    display: inline-block;
    font-family: inherit;
    font-size: 16px;
    line-height: 20px;
    text-transform: none;
    letter-spacing: normal;
    font-weight: 600;
    font-style: normal;
    margin-left: 10px;}

/*End DiEM Voice carousel*/

.page-template-page-tv .gathering-carousel .sp-pcp-post-title{
    margin-left: 0px;
    margin-right: 0px;}

.page-template-page-tv .gathering-carousel #sp-post-carousel-pro-35896 .sp-pcp-post p.sp-pcp-content, .page-template-page-tv .gathering-carousel .sp-pcp-modal-post-35896 p.sp-pcp-content{
    margin-left: 0px;
    margin-right: 0px;}

.gathering-carousel{
    margin-bottom: 100px;}
    
.gathering-carousel .slick-slide {
    height: auto !important;}

.gathering-carousel #sp-post-carousel-pro-35453 .sp-pcp-post p.sp-pcp-content, .gathering-carousel .sp-pcp-modal-post-35453 p.sp-pcp-content {
    font-family: inherit;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 15px;}

.gathering-carousel #sp-post-carousel-pro-35896 .sp-pcp-post p.sp-pcp-content, .gathering-carousel .sp-pcp-modal-post-35896 p.sp-pcp-content {
    font-family: inherit;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 15px;}
    
.gathering-carousel #sp-post-carousel-pro-35453 .sp-pcp-post a.sp-pcp-read-more, .gathering-carousel #sp-post-carousel-pro-35896 .sp-pcp-post a.sp-pcp-read-more {
    color: #ec5122;
    margin-bottom: 16px;
    display: inline-block;
    font-family: inherit;
    font-size: 16px;
    line-height: 20px;
    text-transform: none;
    letter-spacing: normal;
    font-weight: 600;
    font-style: normal;
    margin-left: 10px;}

.page-template-page-tv .gathering-carousel #sp-post-carousel-pro-35896 .sp-pcp-post a.sp-pcp-read-more {
	margin-left: 0px;}
	
.popup-text p{
    color: white;}

.banner-img img{
    max-width: 1150px;
    margin: 0 auto;
    float: none;}

.banner-img{
    background-color: #ff6868;
    text-align: center;}

.page-template-page-campaign-accelerator .banner-img, .page-template-page-diemvoice .banner-img{
    background-color: #e7e7e9;
    text-align: center;}

img[src="https://matomo.diem25.org/matomo.php?idsite=4&rec=1"] {
  width:1px;
  height: 1px;}

/*hidden languages*/
#menu-item-24900-pl, #menu-item-24900-sl, #menu-item-24900-da{
	display:none;}

.timeline{
    max-width: 100%;}

.timeline h2{
    text-align: center;}

.timeline p{
    font-size: 16px;
    margin-bottom: 6px;}

.timeline p a span, .timeline p a {
    font-weight: 700 !important;}

.timeline .year p{
    font-size: 16px;
    font-weight: 700;
    text-align: right !important;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: -20px;}

.timeline .left p{
    text-align: right !important;
    font-weight: 700;
    margin-top: 2px;}

.timeline .right p{
    text-align: left;}

.timeline .right p:before{
    content: '\25CF ';
    margin-right: 10px;
    margin-top: -10px;
    margin-left: -25px;
    color: #ec5122;
    font-size: 25px;
    line-height: 1;}

.timeline .right{
    border-left: 4px solid #ec5122;
    padding-bottom: 20px;}

.accordian-box{
    background-color: #f6f5f5;
    padding: 10px;
    padding-bottom: 1px;
    margin-bottom: 20px;
    padding-left: 20px;}

.accordian-box h4{
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 20px;}

.accordian-box .arrow{
    float:right;}

.accordian-box i {
    border: solid #ec5122;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 8px;
    margin-right: 15px;}

.accordian-box i.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);}

.accordian-box i.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);}

.accordian-box i.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);}

.accordian-box i.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -mos-transform: rotate(45deg);    
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s; 
  -o-transition: transform 0.5s;}

.accordian-box a[aria-expanded="true"] i.down{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -mos-transform: rotate(-135deg);    
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s; 
  -o-transition: transform 0.5s;}


/*HOMEPAGE STYLES*/

.home .sp-pcp-post{
    background-color: white;}

.home .sp-post-carousel-pro-section{
    margin-left: -25px;
    margin-right: -25px;}

.home .featured .news-box{
    padding-top: 30px;}

.home .news-row h5{
    line-height: 1.5;}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;}
        
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}

.sm-buttons img{
    max-width: 60px;
    padding:5px;}

@media screen and (max-width: 991px){
    .table-cell{
    display: block;}
    
    .table-cell-img{
    height: 300px;}
    
    .involved-img-mob{
    display: block;}
    
    .involved-img-desk{
    display: none;}
    
    .home-donate h3 {
    margin-top: 20px;
    text-align: center;
    margin-bottom: 10px;}
    
    .donate-desktop{
    display: none;}

    .donate-mobile{
    display: block;}
    
    .page .home-donate p {
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;}

}
    
@media screen and (max-width: 873px){
    .navbar-center{
    margin-left: 20px;}
    
    .navbar-default .navbar-nav>li>a {
    padding-left:inherit;
	padding-right:inherit;
    font-size: 13px;}
}

@media screen and (max-width: 767px) {
    
    .top-bar .fa-globe{
    font-size: 20px;
    margin-top: 0px;
    margin-left: -8px;}
    
    .top-bar .right-side p.pressroom{
    display: none;}
    
    .top-bar-section i{
    font-size: 20px;}
    
    .home .featured .news-box{
    padding-top: 0px;}
    
    .donate-row{
    padding-left:0px; 
    padding-right:0px;}
    
    .timeline .right p{
    margin-left: 15px;}
    
    .timeline .left p{
    padding-right: 10px;}
    
    .page-template-page-peoplesgathering .inner{
    padding-top: 0px;}
    
    .text-box{
    padding: 30px;
    padding-top: 20px;}
    
    .page-template-page-campaigns .inner-campaigns .row{
    margin-left:0px;
    margin-right:0px;}
    
    .news-box h3{
    font-size: 22px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #303030;}
    
    .news-box h5 span{
    float: left;}
    
    .archive .news-box p, .search .news-box p, .news-row p{
    font-size: 18px;}
    
    .news-row .readmore, .archive .readmore {
    font-size: 18px;}
    
    .top-bar .right-side{
    padding-left: 20px;
    width:100%;
    margin-top: 5px;}
    
    #menu-language-switcher .dropdown {
    padding-left: 20px;
    margin-top: -6px;}
    
    .top-bar {
    width: 100%;
    height: 50px;
    background-color: #303030;
    display: flex;
    align-items: center;}
    
    .page h3{
    text-align: left;}
    
    body p{
    text-align: left !important;}
    
    .page .inner a.button{
    margin: 10px;
    margin-top: 20px;
    font-size: 12px;
    margin-bottom: 20px;
    margin: 0 auto;}
    
    .inner-home p.red{
    text-align: left;}
    
    h1.archive_title {
    margin-bottom: 0px;}
    
    .pagination{
    margin-left: 20px;
    margin-right: 20px;}
    
    .campaign-box{
    padding: 0px;
    padding-bottom: 50px;}
    
    .news-desktop{
    display: none !important;}
    
    .news-mobile{
    display: block !important;;}
    
    #sp-post-carousel-pro-24731 .sp-pcp-post .sp-pcp-post-title, #sp-post-carousel-pro-24731 .sp-pcp-post .sp-pcp-post-title a, .sp-pcp-modal-post-24731 .sp-pcp-post-title{
    text-align: center !important;}
    
    .campaigns-row, .news-row, .collectives-row{
    padding-left: 10px !important;
    padding-right: 10px !important;}
    
    .tv-banner{
    padding-top: 0px;}
    
    .left {
    padding-right: 0px;}
    
    .right{
    padding-left: 0px;}
    
    .top .inner-news {
    max-height: inherit;}
    
    .page .inner-home a{
    display: block;
    margin-top: 20px;}
    
    .page .inner-home a.label{
    display: inline-block;
    margin-top: 20px;}
    
    .news-box {
    padding: 20px;
    padding-top: 20px;}
    
    .inner-home h2{
    max-width: 100%;
    text-align: left;}
    
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 100%;}
    
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #303030;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    padding-left: 0;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;}
    
    .navbar-default .navbar-nav .open .dropdown-menu li{
    text-align: center;}
    
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: transparent;
    color: #303030;}
    
    div.navbar-collapse .navbar-nav .dropdown {
    display: block!important;}
    
    .participate {
    display: none;}
    
    .navbar-center {
    position: relative;
    left: auto;
    transform: initial;
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
	display:inline-block;}
    
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
    border: 0px;}
    
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: 0px;
    box-shadow: 0 20px 20px -2px rgba(0, 0, 0, 0.12);}
    
    .home-img img{
    display: none;}
    
    .inner, .inner-news {
    padding: 30px;}
    
    .news-container{
    margin-left: 0px;
    margin-right: 0px;}
    
    .inner-home h3{
    margin-top: 10px;
    margin-bottom: 0px; 
    text-align: center;}
    
    .inner-home .news-box h3{
    text-align: left;}
    
    .home-donate h3 {
    margin-top: 20px;
    text-align: center;
    margin-bottom: 10px;}
    
     iframe.diemtv{
    height:280px !important;}
    
    .donate-box-1 {
    padding-right: 0px;}
    
    .donate-box-1 p{
    text-align: left;}
    
    .donate-box-1 h3{
    margin-bottom: 20px;}
    
    .home-collectives h4{
    margin-top: 10px; }
    
    .donate-box-3 p{
    font-size: 18px !important;
    text-align: left;}
    
    .donation-grid{
    margin-bottom: 40px;
    margin-top: 20px;
    max-width: 100%;}
    
    h4.widgettitle {
    margin-top: 20px;
    margin-bottom: 20px;}
    
    h1.tag-line {
    font-size: 20px;
    float: left;
    text-align: left;
    margin-bottom: 20px;}
    
    .navbar .container{
    padding-left: 0px;
    padding-right: 0px;}
    
    .container>.navbar-header{
    margin-left: 0px;
    margin-right: 0px; 
    height: 80px;}
    
    .home-collectives .left, .home-collectives .right {
    text-align: center;
    padding-right: 0px;
    padding-left: 0px;}
    
    .home-collectives .left p, .home-collectives .right p {
    float: none;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: left;
    margin-left: 20px;
    margin-right: 20px;}
    
    .event-grid,
    .group-grid {
    grid-template-columns: repeat(3, 1fr);}

    .filter-collapse {
    display: block;}

    .sidebar-right {
    padding-left: 0;
    padding-top: 20px;}

    .sidebar-left {
    padding-right: 0;
    padding-top: 20px;}
    
    .navbar-default .navbar-nav>li>a {
    padding-left:inherit;
	padding-right:inherit;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px !important;}
    
    .navbar-default .navbar-nav .open .dropdown-menu>li>a{
    font-size: 20px !important;}
    
    .navbar-nav {
    margin: 0px;}
    
    ul.navbar-nav{
    text-align: center;
    padding-bottom: 40px;
    padding-top: 10px;}
    
    .navbar-toggle{
    margin-right: 20px;
    margin-top: 13px;}
    
    #inner-footer {
    padding-left: 30px;
    padding-right: 30px;}
    
    home .featured .news-box, .news-box{
    padding:0px;}
        
    .home .featured .news-box img, .news-box img{
    margin-bottom: 20px;
    margin-top: 20px;}
        
    .home .news-row {
    padding-left: 0px !important;
    padding-right: 0px !important;}
        
    .home .campaigns-row {
    padding-left: 30px !important;
    padding-right: 30px !important;}
    
    .home .page .inner-home a {
    display: initial;
    margin-top: 20px;}
}

@media (min-width: 576px)
.modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
}

@media(max-width: 575px) {
    .event-grid,
    .group-grid {
        grid-template-columns: repeat(2, 1fr);}
}

@media all and (max-width:450px){
    .top-bar .right-side {
    width: 100%;
    display: flex;}
}

/* Judith's Additions */

.inner-top ol, .inner-top ul {
    font-size: 18px;
    text-align: justify;
}