/*
|--------------------------------------------------------------------------
| BEM
|--------------------------------------------------------------------------
| http://getbem.com/naming/
|
*/

.customize-support, .customize-support .nav-header {
	margin-top: 32px;
}

html {
	font-family: "adelle-sans",sans-serif;

}

body {
	font-family: "adelle-sans",sans-serif;
	font-style: normal;
	font-weight: 100;

}

h2 {
	color: #494949;
	text-transform: uppercase;
}

h3 {
	font-size: 18px;
    line-height: 22px;
}

p {
	color: #29363B;
	font-family: "adelle-sans", sans-serif;
	font-size: 16px;
	line-height: 22px;
}

a {
    color: #00ABB8;
    /*	text-decoration: underline;
    -webkit-text-decoration-color: #FDCF28;
    text-decoration-color: #FDCF28;
    border-bottom: 2px solid #FDCF28;*/
}

a:hover {
	text-decoration: none;
}

.vertical-wrapper {
	display: table;
}

.vertical-center {
	display: table-cell;
    vertical-align: middle;
}

.teal-button {
	padding: 3px 10px;
	background-color: #00ABB8;
	color: #FFF;
	text-transform: uppercase;
	font-size: 10px;
	margin: 0 10px;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.transparent_teal_button {
	border: 2px solid #1BB3BD;
	padding: 6px 25px 8px 25px;
	color: #1BB3BD;
	background-color: transparent;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 12px;
	font-weight: 600;
	height: 42px;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.transparent_teal_button:hover {
	text-decoration: none;
	color: #fff;
	background-color: #1BB3BD;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.no-padding {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.teal-btn {
	background-color: #78C23A;
	border-bottom-color: #78C23A;
}

.dropdown__angle--up {
	position: absolute;
	right: 10px;
	top: 2px;
}

.dropdown__angle--down {
	position: absolute;
	right: 10px;
	top: 12px;
}

.text__tag {
	padding: 3px 10px;
	color: #FFF;
	text-transform: uppercase;
	font-size: 10px;
	margin: 0 10px;
}

/* Colors */
.blue {
	background-color: #1F9ACF;
}

.red {
	background-color: #CF1F1F;
}

.green {
	background-color: #78C23A;
}

.orange {
	background-color: #FF7F00;
}

.yellow {
	background-color: #FFCB00;
}

.teal {
	background-color: #00ABB8;
}

.grecaptcha-badge {
	display: none !important;
}
/*
|--------------------------------------------------------------------------
| mainFeature
|--------------------------------------------------------------------------
*/

.mainFeature__title {
	margin-left: 0px;
}

.mainFeature__image--bg {
	margin: 0px 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 220px;
	margin-top: 60px;

/*		opacity: 0;
	-webkit-animation: slideUp 0.5s forwards;
	-moz-animation: slideUp 0.5s forwards;
	animation: slideUp 0.5s forwards;*/
}

.mainFeature__image--nobg{
	height:60px;
}
.mainFeature__content {
	color: #fff;
	margin-top: -40px;
	padding-bottom: 30px;
}

.mainFeature__content--anchor {
	display: block;
	width: 95%;
}

.mainFeature__content--anchor:hover {
	text-decoration: none;
}

.mainFeature__content2 {
	padding-top: 40px;
}

.mainFeature__text {
/*	position:absolute;
	margin-top: -40px;
	margin-left: -10px;
	padding: 10px 15px;
	z-index: 99;*/

	text-transform: uppercase;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	display: inline-block;
	width:auto;
	height:100%;
	padding: 10px 15px;
}

.mainFeature__text-container {
	position:absolute;
	margin-top: -40px;
	margin-left: -10px;
	z-index: 99;
}

.mainFeature__timestamp {
	background-color: #FDD552;
	color: #29363B;
	margin-left:-3px;
	margin-top:1px;
	text-transform: initial;
}

.mainFeature__timestamp i {
	margin-right: 5px;
}

.mainFeature__title .title {
	font-size: 22px;
	line-height: 40px;
	font-weight: 600;
	margin-top: 0;
}

.mainFeature__title .title .highlight {

/*	background-image: linear-gradient(to right, #29363B 0%, #29363B 100%);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: -2000px 0px;
	overflow: hidden;
	color: rgba(255,255,255,0);*/
	
 	-webkit-transition: background 1.5s ease-in-out 0.3s;
	transition: background 1.5s ease-in-out 0.3s;
	background: linear-gradient(to right, #29363B 0%, #29363B 100%);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	padding: 10px;
	color:#fff;
	box-shadow: 15px 0 0 #29363B, -15px 0 0 #29363B;
	margin-left: 5px;

}

.mainFeature__highlight--wrapping {
	font-size: 26px;
	font-weight: 600;
	line-height: 62px;
	color: rgba(255,255,255,0);
	margin-top: 0px;
}



.mainFeature__title .title .highlight--wrapping {
	position: relative;
	left: 0.35em;
	padding-left: 0;
	/*  box-shadow: 15px 0 0 #29363B, -15px 0 0 #29363B;*/
	line-height: 55px;
}

.mainFeature__title .title .highlight a {
	text-decoration: none;
}

.mainFeature__excerpt {
	font-size: 22px;
	line-height: 30px;
	padding-top: 10px;
	padding-bottom:10px;
	font-weight: 100;

/*			opacity: 0;
	-webkit-animation: slideUp 0.5s forwards;
	-moz-animation: slideUp 0.5s forwards;
	animation: slideUp 0.5s forwards;*/
}

.mainFeature__date {
	font-size: 14px;
	color: #29363B;
}

.mainFeature__socialMedia {
	text-transform: uppercase;
	margin-left: 10px;
}


.mainFeature__socialMedia--share , .mainFeature__socialMedia--tweet {
	color: #29363B;
	font-weight: 600;
	font-size: 15px;
	border: 1px solid transparent;
	padding: 4px 9px;
	margin: 0px 5px;
	-webkit-transition: border 0.2s ease-in; /* Safari */
	transition: border 0.2s ease-in;

}
.mainFeature__socialMedia--tweet:hover, .mainFeature__socialMedia--share:hover {
    border: 1px solid #29363B;
    background-color: transparent;
    padding: 4px 9px;
    text-decoration: none;
    color: #29363B;
    -webkit-transition: border 0.2s ease-in; /* Safari */
    transition: border 0.2s ease-in;
}

.mainFeature__socialMedia--icon {
	padding: 0 5px 0 0;
}

/*
|--------------------------------------------------------------------------
| MAIN FUNNEL
|--------------------------------------------------------------------------
*/

.mainFunnel {
	background-color: #F8F8F8;
	padding: 0;
	margin-bottom: 30px;
	position: relative;
}

.mainFunnel__title {
	font-size: 16px;
    margin-bottom: 25px;
    margin-top: 25px;
    font-weight: 600;
}

.mainFunnel__article {
	min-height: auto;
	padding-bottom: 20px;
}


.mainFunnel__article--anchor:hover {
	text-decoration: none;
}



.mainFunnel__article--img {
	width: 100%;
	height: 100%;
}

.mainFunnel__article--title {
	font-size: 19px;
	line-height: 24px;
	margin-bottom: 10px;
	font-weight: 600;
	color: #494949;
	/* margin-bottom: 15px; */
}

.mainFunnel__article--date {
	font-size: 13px;
	line-height: 20px;
}

.mainFunnel__article--excerpt {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 30px;
}

.mainFeature__articles--tag {
	margin: 0 10px;
}



/*
|--------------------------------------------------------------------------
| LATEST STORIES
|--------------------------------------------------------------------------
*/

.latestStories {
	background-color: #F8F8F8;
	padding: 30px 0;
}

.latestStories__article {
	padding: 0 0 20px 0;
}


.latestStories p {
    font-size: 12px;
    line-height: 20px;
}

.latestStories__featuredTitle {
	font-size: 20px;
	line-height: 26px;
	font-weight: 600;
	color: #494949;
	margin-bottom: 15px;
}

.latestStories__date {
	font-size: 13px;
	line-height: 20px;
}

.latestStories__tag {
	margin: 0 10px;
}

.latestStories__column--border {
	border-right: 1px solid #D9D9D9;
}

.latestStories__column--border:last-child {
	border: none;
}


/*
|--------------------------------------------------------------------------
| TRENDING STORIES
|--------------------------------------------------------------------------
*/

.trendingTopics {

}

.trendingTopics__featuredTitle a {
	color: #494949;
    font-size: 18px;
    line-height: 22px;
}


/*
|--------------------------------------------------------------------------
| AD SECTION
|--------------------------------------------------------------------------
*/



.adHomepage {
	padding-top: 0px;
	position: relative;
	background-color: #ffffff;

}

.adHomepage__image {
	background-repeat: no-repeat;
	background-size: 300%;
	background-position: 100% 108%;
	height: 486px;
	background-color: #00abb8;
}

.adHomepage__excerpt {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 20px;
	line-height: 24px;
	color: #ffffff;
}

.adHomepage__content {
	   padding-left: 20px;
	   padding-right: 40px;
	}

.adHomepage__learnMore {
	border: 1px solid #ffffff;
	background-color: transparent;
	color: #ffffff;
	padding: 5px 8px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.adHomepage__learnMore:hover {
	text-decoration: none;
	color:#fff;
	border: 1px solid #29363B;
	background-color: #29363B;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.adHomepage__icon {
	padding: 0 5px;
}


/* highlights */

.adHomepage__title {
	font-size: 23px;
	line-height: 35px;
	margin-top: 22px;
	margin-left: 5px;
}

.adHomepage__highlight {
	font-family: "adelle", serif;
	font-weight: 600;
	display: inline;
	background: #FDCF28;
	color: #29363B;
	padding: 5px 2px;
}

.adHomepage__highlight--wrapping {
	position: relative;
	left: 10px;
	padding-left: 0;
	box-shadow: 0.75em 0 0 #FDCF28, -0.75em 0 0 #FDCF28;
}


/*
|--------------------------------------------------------------------------
| TRENDING TOPICS
|--------------------------------------------------------------------------
*/

.trendingTopics {
	padding: 25px 0 40px 0;
	background: #fff;
	position: relative;
}

.trendingTopics__image {
	width: 100%;
	background-size: cover; 
	background-repeat: no-repeat;
	padding: 30px 0 ;
}

.trending__image--bg {
	margin: 0px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 270px;
}

.trendingTopics__mainFeatureText {
	position: absolute;
	margin-top: -30px;
	margin-left: 10px;
	padding: 10px;
	background-color: #00ABB8;
	z-index: 99;
	text-transform: uppercase;
	color: #fff;
	font-size: 8px;
	font-weight: 600;
}

.trendingTopics__title {
	font-size: 16px;
	margin-bottom: 25px;
	font-weight: 600;
	text-transform: uppercase;
}

.trending__content {
	margin-top: -30px;
	margin-left: -25px;
	padding-bottom: 50px;
}

.trending__text {
    position: absolute;
    margin-top: -36px;
    margin-left: 5px;
    padding: 10px;
    background-color: #00ABB8;
    z-index: 99;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

.trending__tag {
	margin-left: 40px;
}

.trending__title .trending__highlight {
    display: inline;
    background: #29363B;
    color: #fff;
    padding: 10px;
}

.trending__title .trending__highlight--wrapping {
    position: relative;
    left: 0.25em;
    padding-left: 0;
    box-shadow: 15px 0 0 #29363B, -15px 0 0 #29363B;
    line-height: 32px;
}

.trending__title {
	margin-left: 20px;
	margin-top: -9px;
}

.trending__title--subtite {
	color: #FFF;
	font-size: 18px;
	background: #29363B;
	margin-bottom: 0;
	padding: 15px 10px 5px 20px;
	text-transform: uppercase;
	
    font-weight: 600;
}

.trending__title--date  {
	color: #F1F1F1;
	font-size: 12px;
	background: #29363B;
	margin-bottom: 0;
	padding-left: 20px;
	margin-top: -1px;
	line-height: 22px;

}

.trending__excerpt {
	color: #ADADAD;
	font-size: 14px;
	background: #29363B;
	margin-bottom: 0;
	margin-left: 20px;
	margin-top: -1px;
	padding: 5px 10px 20px 20px;
	line-height: 20px;
	width: 85%;
}

.trending__link {
	margin-left: 20px;
	margin-top: -22px;
}

.trending__link--anchor {
	color: #FFF;
	font-size: 10px;
	background: #29363B;
	padding: 10px 20px 18px 20px;
	text-transform: uppercase;
}

.trending__link--anchor i {
    padding-left: 3px;
}

.trending__link--anchor:hover {
	color: #fff;
}


/*
|--------------------------------------------------------------------------
| RECENT STORIES
|--------------------------------------------------------------------------
*/

.recentStories {
	padding: 15px 0 18px 0;
	background-color: #F8F8F8;
	position: relative;
	overflow: hidden;
}

.recentStories__img {
	height: 72px;
	width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.recentStories__article {
	padding: 18px 0 5px 0;
}

.recentStories__article:nth-child(5) {
	border:none;
}

.recentStories__sectionTitle {
	font-size: 16px;
	margin-bottom: 15px;
	font-weight: 600;
	text-transform: uppercase;
}

.recentStories__featuredTitle {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 3px;
}

.recentStories__article--anchor {
	color: #494949;
	font-size: 15px;
	line-height: 17px;
	font-weight: 600;
	margin-top: -3px;
	text-transform: none;
}

.recentStories__article--anchor:hover {
	color: #000000;
}

.recentStories__date {
	color: #494949;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 10px;
}

.recentStories__anchor {
	margin: 40px 0 20px 0;
}



/*
|--------------------------------------------------------------------------
| Page
|--------------------------------------------------------------------------
*/

.page {
	padding-top: 90px;
}

/*
|--------------------------------------------------------------------------
| Signup Bar
|--------------------------------------------------------------------------
*/

.mobileAd {
	width: 100%;
}

.signupBar {
	/*margin: 40px 0;*/
	background-color: rgba(41,54,59,1);
	color: #fff;
	height: 300px;
	/*position: relative;*/
	z-index: 1
}

.signupBar__content {
	padding-top: 46px;
	position: relative;
    z-index: 98;
}

.signupBar__content--h3 {
	text-transform: uppercase;
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 15px;
	font-weight: 600;
	line-height: 26px;
}

.signupBar__content--p {
	font-family: "adelle", serif;
	color: #FFF;
	font-size: 17px;
	line-height: 24px;
	padding-right: 0px;
}

.teal-arrow {
	background-color: #1BB3BD;
	position:absolute;
	height: 300px;
	width: 49%;
	z-index: 20;
}

.teal-arrow:after {
	content: "";
    display: block;
    border-top: 150px solid transparent;
    border-bottom: 150px solid transparent;
    border-left: 40px solid #1BB3BD;
    position: absolute;
    right: -40px;
    top: 0;
}

.teal-arrow-dark {
	background-color: #20A1AA;
	position:absolute;
	height: 300px;
	width: 52%;
	z-index: 10;
}

.teal-arrow-dark:after {
	content: "";
    display: block;
    border-top: 150px solid transparent;
    border-bottom: 150px solid transparent;
    border-left: 40px solid #20A1AA;
    position: absolute;
    right: -40px;
    top: 0;
}


.signupBar__content--donationBtn {
	background-color: #78C23A;
	border: 0;
	padding: 7px 19px;
	height: 41px;
	display: inline-block;
	margin: 0px 6px 7px 0px;
	min-width: 46.7%;
	font-size: 18px;
	font-weight: 600;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.signupBar__content--donationBtn:hover {
	background-color: #FDCF28;
	text-decoration: none;
	color: #29363B;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.signupBar__container {
    width    : 100%;
    height   : 75px;
    overflow : hidden;
    position : relative;
}

.signupBar__container--iframe {
    position : absolute;
    top      : -860px;
    left     : -280px;
    width    : 1280px;
    height   : 1200px;
     overflow: hidden;
}

.donationBar__mobile{
	padding: 30px;
	background-color: #29363B;
}

.donationBar__content--p {
    font-family: "adelle", serif;
    color: #FFF;
    font-size: 17px;
	line-height: 26px;
    padding-right: 0px;
    padding-bottom: 15px;
}

.donationBar__mobile--h3 {
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 600;
    line-height: 26px;
    color:#fff;
}

.defence-fund {
	color: #fff;
	z-index: 1;
	margin-bottom: 50px;
	display: flex;
	flex-direction: column;
}

.defence-fund__lady{
	position: relative;
	width:100%;
	height:100%;
    display: flex;
    background-image: none;
	background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    background-color: #2a363c;
	box-sizing: content-box;
	padding-bottom: 80px;
    padding-top: 30px;

}

.defence-fund__donate {
	width:100%;
	height:100%;
	display: flex;
	position: relative;
	background-color:  #0096A9;
	padding: 30px 20px;
}

.defence-fund__donate:before {
    content: "";
    position: absolute; 
    width: 100vw;
    height: 250px;
    left: 0px;
    top: -249px;
    background-image: url(../images/defend-mask-mobile-covid.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}


@media only screen and (min-width : 768px) {
	.defence-fund {
		height: 400px;
		flex-direction: row;
	}

	.defence-fund__lady{
        padding:0px;
	}

	.defence-fund__donate:before {
		content: "";
	    position: absolute;
	    width: 200px;
	    height: 400px;
	    top: 0px;
	    margin-left: -199px;
	    background-image: url(../images/defend-mask-covid.svg);
	    background-size: cover;
	}

	.df-title {
		align-self: center;
	}

	.defence-fund__logo {
		padding: 0px 60px 0px 20px;
	}
}


.defence-fund__bg {
	position:absolute;
	height:100%;
	width:auto;
	top:0px;
	right:30px;
	height:330px;
}

.defence-fund__content {
    z-index: 98;
    max-width: 460px;
    text-align: center;
    margin: auto;
}

.defence-fund__logo {
    z-index: 98;
    align-self: center;
    display: flex;
    text-align: center;
    flex-direction: column;
    margin: auto;

}

.df-logo {
	width:100px;
	height:100px;
	margin: 15px auto;
}

.df-title {
	text-transform: uppercase;
	font-size:32px;
	line-height: 38px;
	color: #ffffff;
	font-family: "adelle", serif;
	font-weight: 900;
	display: block;
	width:350px;
}


.defence-fund__btn {
    background-color: #FFC70A;
    color: #29363B;
    border: 0;
    padding: 6px 15px;
    height: 38px;
    display: inline-block;
    margin: 10px 6px 7px 0px;
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.defence-fund__btn:hover {
	background-color: #78C23A;
	color: #ffffff;
}

.standards-report {
	border-top:solid 1px #D9D9D9;
	border-bottom:solid 1px #D9D9D9;
	padding:10px 0px;
	margin: 30px 0px;
	display: flex;
	flex-direction: column;
	justify-content:space-between;
}

.report-item {
	display:block;
	height:100%;
	font-weight: 900;
	text-transform: uppercase;
	padding:5px 0px;
}

.report-item a:hover {
	color: #00ABB8;
}

.report-item a span {
	display: inline-block;
	margin-left:5px;
	font-size: 14px;
	cursor: pointer;

}

.report-item i {
	font-size: 16px;
}

.report-item img {
	width:16px;
	margin-top:-3px;
}

.modal {
  text-align: center;
 
}

.modal-body {
	 padding:20px;
}
.modal-header {
	padding-left: 20px;
	border:none;
}

.modal-title {
	  text-transform: uppercase;
    font-size: 18px;
    margin-top: 10px;
    font-weight: 600;
}

@media screen and (min-width: 768px) { 
	.modal-body {
		padding: 0px 40px 20px 40px;
	}
	.modal-header {
		padding-left: 40px;
	}
	.modal:before {
	    display: inline-block;
	    vertical-align: middle;
	    content: " ";
	    height: 100%;
	}
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}


.wpcf7-form input, 
.wpcf7-form textarea {
	border: 2px solid #29363B;
	background-color: transparent;
	color: #29363B;
	min-height:36px;
	width:100%;
	padding-left:10px;
	font-family: "adelle-sans", sans-serif;
}

.wpcf7-form input[type="file"] {
	border:none;
	font-family: "adelle-sans", sans-serif;
    font-size: 14px;
    font-weight: 100;
    padding: 0;
}

input[type="file"]::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
    border: 1px solid black;
    background: #fafafa;
}

.wpcf7-form .wpcf7-submit {
	width:auto;
	border: 2px solid #1BB3BD;
    padding: 6px 25px 8px 25px;
    color: #ffffff;
    background-color: #1BB3BD;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 12px;
    font-weight: 600;
    height: 42px;
    font-family: "adelle-sans", sans-serif;
}

.wpcf7-form label {
	text-transform: uppercase;
	font-size:14px;
	width: 100%;
	font-family: "adelle-sans", sans-serif;
}
.wpcf7-not-valid-tip {
	text-transform: initial;
}

.banner-caption {
	position:absolute;
	top:60px;
	margin-left:0px;
	padding:10px;
	background-color: rgba(255,255,255, 0.8);
	z-index: 99;
	width:100%;
	display: flex;
		transition: all 0.15s ease-in;
}

@media only screen and (min-width : 1200px) {
	.banner-caption {
		top:80px;
	}
}

.banner-caption i {
	font-size:18px;
	margin-right:10px;
}

.banner-caption p {
	padding:0px;
	margin:0;
	font-size:14px;
	line-height: 16px;
}
.banner-caption.close-caption i {
	color: #ffffff;
}

.banner-caption.close-caption p {
	opacity:0;
	transition: all 0.15s ease-in;
}

.banner-caption.close-caption {
	background-color: transparent;
	transition: all 0.15s ease-in;
}



@media only screen and (min-width : 768px) {


	.banner-caption {
		max-width: 400px;
	}

	.standards-report {
		flex-direction: row;
	}

	.defence-fund__logo {
	    z-index:98;
	    align-self: center;
	    display: flex;
	    text-align: left;
	    flex-direction: column;
        margin: 55px 105px auto auto;
	}

	.defence-fund__content {
	    text-align: left;
	    align-self:center;
	    margin: 0;
	}

	.df-logo {
		width:100px;
		height:100px;
		margin: 0 15px 0 0;
	}

	.df-title {			
		width:200px;
		font-size:28px;
		line-height: 36px;
	}
}

@media only screen and (min-width : 960px) {
	.sendtip-form {
		width:50%;
    }
    
    .defence-fund {
		height: 330px;
	}

	.defence-fund__donate:before {
	    height: 330px;
	    margin-left: -182px;
	    background-size: contain;
	}	    
	
	.defence-fund__logo {
        padding: 0px 60px 0px 30px;
        margin: auto;
        flex-direction: row;
	}

	.defence-fund__content {
	    padding-left: 25px;
    }
    
    .df-logo {
		width:100px;
		height:100px;
    }
}

@media only screen and (min-width : 1300px) {
	.defence-fund__lady{
		background-size:contain;
    }

    .df-title {			
		width:200px;
		font-size:32px;
		line-height: 40px;
	}
    
	.df-logo {
		width:130px;
		height:130px;
	}

}

/*
|--------------------------------------------------------------------------
| FOOTER
|--------------------------------------------------------------------------
*/

footer {
	background: #29363B;
	color: #fff;
	padding-top: 25px;
	padding-bottom: 35px;
}

.footer__section {
	padding: 20px;
	border-top: 1px solid #616161;
}

.footer__footerMenu {
	list-style-type: none;
	padding-left: 0;
}

.footer__footerMenu li {
	padding-bottom: 15px;
	display: block
}

#menu-footer-menu {
	padding:0px;
}

.footer__footerMenu li a {
	color: #fff;
	font-size: 14px;
}


.footer__title {
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-weight: 600;
}


.footer__subtitle {
    font-family: "adelle", serif;
    color: #FFF;
	font-size: 17px;
	line-height: 26px;
    padding-right: 0px;
}

.footer__img {
	width: 80%;
}


.footer__hr {
	border-color: #616161;
	border-width: 1px;
}

.footer__socialMedia--icon {
	display:inline-block;
    font-size: 34px;
    line-height: 50px;
    background-color: transparent;
    color:white;
    text-align: center;
    vertical-align: bottom;
    margin-right: 30px;
    margin-top:-8px;
}

.footer__socialMedia--anchor {
	color: #fff;
}

.footer__socialMedia--anchor:hover {
	color: #13acb9;
}

.footer__newsletter--container {
    width    : 100%;
    height   : 140px;
    overflow : hidden;
	position : relative;
}

.footer__newsletter--iframe {
    position : absolute;
    top      : -178px;
    left     : -40px;
    width    : 115%;

    height   : 1200px;
     overflow: hidden;
}

.footer__donations{
	margin: 0 -5px 15px -5px;
}


.footer__donation--btn {
	background-color: #78C23A;
	margin: 4px 4px 6px 4px;
	padding: 9px 0px;
	height: 44px;
	display: inline-block;
	min-width: 46%;
	font-size: 18px;
	font-weight: 600;
	box-sizing: border-box;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;

}

	

.footer__donation--btn:hover {
    	background-color: #FDCF28;
	text-decoration: none;
	color: #29363B;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.footer__bottom {
    width:auto;
    position:relative;
   	padding-bottom: 65px;
   	text-align: center;
}

.footer__bottomNav{
	margin-top:5px;
}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

	.nav-header {
		position:relative;
	}

	.header__left {
		text-align: left;
	}

	.header__right {
		display: block;
		text-align: right;
	}

	.header__right--anchor {
		border: 1px solid #29363B;
		background-color: transparent;
		color: #29363B;
		padding: 5px;
		text-transform: uppercase;
		font-size: 13px;
		padding: 5px 10px;
    		margin: 0px 5px;
	}

	.header__right--anchor i {
		padding: 5px;
	}

	.mainFeature__image--bg  {
		height: 391px;
	}

	.mainFeature__excerpt {
		padding-top: 15px;
		margin-bottom: 17px;
		font-size: 24px;
		line-height: 32px;
	}

	.mainFeature__content {
	    padding: 0px 0 30px 0px;
	}

	.mainFeature__title .title {
	  font-size: 28px;
	  line-height: 40px;
	}

	.mainFeature__title .title .highlight--wrapping {
		line-height: 64px;
	}

	.mainFeature__highlight--wrapping{
		font-size: 32px;
		font-weight: 600;
		line-height: 70px;
		 
	}


	.mainFunnel {
		padding-bottom: 20px;
		margin-bottom: 0px;
	}

	.mainFunnel__article  {
		padding-bottom: 0;
		min-height: 340px;
	}

	.adHomepage__image {
		background-size: contain;
		height: 283px;
		background-size: cover;
		background-position: bottom right;
	}

	.adHomepage {
		padding-top: 50px;
		background-color: #ffffff;
	}
	.adHomepage__content {
	    padding-left: 37px;
	}

	.adHomepage__title {
		font-size: 26px;
		line-height: 38px;
		margin-top: 35px;
		margin-left: 5px;
	}


	.trending__image--bg {
	    height: 170px;
	}

	.recentStories__article {
		min-height: 130px;
	}

	.recentStories__anchor {
		margin: 40px 0 30px 0;
	}

	.recentStories__sectionTitle {
		margin-bottom: 15px;
	}

	.recentStories__line {
	    width: 1px;
	    height: 69%;
	    background-color: #D9D9D9;
	    position: absolute;
	    left: 50%;
	}


	.recentStories__wrapper:nth-child(odd){
		left:20px;
	}

	.signupBar__content--donationBtn {
		min-width: 130px;
	}


	.signupBar__content {
		padding-top: 30px;
	}

	.signupBar__content--p {
	    line-height: 22px;
	}


	/* Footer */

	.footer__footerMenu li {
		display: inline-block;
		margin-right: 20px;
		padding-bottom: 0;
	}

	.footer__bottom{
		width: 250px;
		position: absolute;
		right: 13px;
		top: -9px;
		padding-bottom: 0;

	}

	.footer__border--subscribe {
		border-right: 1px solid #616161;
		height: 230px;
		margin-right: 33px;
		padding-right: 25px;
	}

	.footer__section {
		padding: 15px 0;
		border-top: none;
	}

	.footer__donations{
		padding-top: 3px;
	}

	.footer__img {
	    width: 100%;
	}

	.signupBar__container--iframe {
	 left: -355px;
	}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {


	.mainFeature__content {
	    padding: 0px 15px 40px 15px;
	}

	.mainFunnel__article {
	    min-height: 365px;
	}

	.signupBar__content {
		padding-top: 26px;

	}

	.signupBar__content--p {
	    padding-right: 0px;
	    line-height: 24px;
	}

	.signupBar__donations{
		margin-top:29px;
	}

	.signupBar__content--donationBtn {
		margin: 3px 10px 3px 0px;
		min-width: 68px;
	}

	.signupBar__container--iframe {
	 left: -280px;
	}


	.recentStories__article {
	    min-height: 205px;
	}

	.recentStories__excerpt {
/*
		font-size: 14px;
		line-height: 20px;
*/
	}

	.recentStories__line{
		height:77.5%;
		left:50%;

	}


	.footer__subtitle {
	    padding-right: 20px;
	}

	.footer__footerMenu li {
	    padding-bottom: 15px;
	    display: block;
	}

	.footer__bottom {
	    width:auto;
	    position:relative;
	}

	.footer__bottomNav{
		    margin-top: 20px;
		margin-left:-7px;
	}

	.footer__donations{
		padding-top: 3px;
	}

	.footer__donation--btn{
		min-width: 42%;
	}

	.footer__img {
	    width: 100%;
	}

	.footer__border--subscribe {
		border-right: 1px solid #616161;
		height: 230px;
		margin-right: 13px;
		padding-right: 0;
	}

	.footer__border--donate {
		border-right: 1px solid #616161;
		height: 230px;
		margin-right: 24px;
	}

	/* Footer Signup  */

	.footer__newsletter--container {
		width: 88%;
		height: 43px;
		overflow: hidden;
		position: relative;
		margin: 17px 0px 20px 0px;
	}
	
	.footer__newsletter--iframe {
		position : absolute;
		top      : -410px;
		left     : -40px;
		width    : 120%;
		height   : 1200px;
		overflow: hidden;
	}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

/*
	p {
		color: #494949 ;
		font-family: "adelle-sans",sans-serif;
		font-size: 18px;
		line-height: 26px;
	}
*/

	/* header */
	.nav-header {
		height: 90px;
		padding: 35px 20px 15px 20px;
	}

	.header__right--anchor  {
		padding: 10px;
	}

	/* mainFeature */
	.mainFeature__image--bg {
		height: 514px;
	}

	.mainFeature__text {
		font-size: 16px;
		margin-top: -45px;
	}


	.mainFeature__highlight--wrapping{
		font-size: 38px;
		font-weight: 600;
		line-height: 78px;
		left: 0.25em;
	}


	.mainFeature__title .title .highlight--wrapping {
		font-size: 36px;
		font-weight: 600;
		line-height: 75px;
		left: 0.25em;

	}

	.mainFeature__excerpt {
		font-size: 24px;
		line-height: 32px;
	}

	.mainFeature__image--bg {
	    margin-top: 80px;
	}

	.mainFeature__date {
		font-size: 17px;
		    color: #494949;
    font-family: "adelle-sans",sans-serif;
	}

	/* trending topics */
	
	.trending__title--subtite {
		font-size: 18px;
		text-transform: uppercase;
	}

	.trending__image--bg {
		height: 180px;
	}

	.mainFunnel__article {
		min-height: 345px;
		padding-bottom: 0;
	}

	.mainFunnel {
		padding: 0px 0 40px 0;
	}


	/* recent Stories*/
	
	.recentStories__article--anchor {
		font-size: 19px;
		line-height: 24px;
		margin-bottom: 15px;
}

	.recentStories__article--anchor:hover {
		color: #494949;
	}

	.recentStories__date {
		font-size: 12px;
		line-height: 20px;
		/* padding: 9px 0 5px 0; */
}

	.recentStories__img {
		height: 115px;
	}

	.recentStories__article {
/* 		min-height: 195px; */
		min-height: 235px;
	}

	.recentStories__anchor {
    	margin: 15px 0 30px 4px;
	}


	/* ad */

	.adHomepage__content {
/*		padding-top: 50px;*/
		padding-left: 37px;
	}

	.footer__border--subscribe {
		height: 212px;
		margin-right: 7px;
	}

	.footer__border--donate {
		height: 212px;
		margin-right: 12px;
	}

	.footer__donation--btn {
	    min-width: 42%;
	}

	.footer__footerMenu li {
		padding-bottom: 15px;
	}

	.footer__bottom {
		top: -5px;
	}

	/* Signup bar */
	.signupBar__content {
		padding-top: 46px;

	}

	.signupBar__content--donationBtn {
	    min-width: 84px;
	}
	
	.signupBar__content--p {
	    padding-right: 0px;
	}
	/* Footer Signup  */

	.footer__newsletter--container {
		width    : 100%;
		height   : 80px;
		overflow : hidden;
		position : relative;
	}

	.footer__newsletter--iframe {
		position : absolute;
		top      : -622px;
		left     : -40px;
		width    : 110%;
		height   : 1200px;
		overflow: hidden;
	}
	
}

@media only screen and (max-width : 320px) {
	.footer__img{
		width:100%;
	}
}

/* STYLES-2025 */
/*-- Additional styling changes EW 2025 --*/

section.mainFeature .mainFeature__content.arc {
	margin-top: 100px;
} 

.about-author__twitter img {
    display: inline;
}

.author_contact_flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
}

.article-meta__author {
    display: flex;
    text-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 0.35rem;

}

.article-meta__author-image {
    flex: 0 0 50px;
}

.article-meta__author-text {
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.singe__about-author {
    padding-bottom: 30px;
}

@media screen and (max-width: 768px) {

    .mainFeature__article-meta {
        flex-wrap: wrap;
    }

    .article-meta__author-image {
        margin-bottom: 1rem;
    }

}
/*
|--------------------------------------------------------------------------
| DEFEND CANADIAN JOURNALISM STYLING - OCT 28
|--------------------------------------------------------------------------
*/

/***
TABLE OF CONTENTS

1. Universals
2. Buttons
3. Header
4. Landing Section
5. CTA Section
6. Primary Messaging
7. 4 Square
8. Sign a Letter
9. Donate
*/


/* 1. Universals */

:root {
    --bg-dark: #29363B;
    --bg-light: #f1f1f1;
    --font-light: #f1f1f1;
    --font-dark: #070707;
    --bg-grey: #c9c9c9;
    --br-ylw: #fdcf28;
    --br-red: #730F46;
    --br-teal: #0096A9;
}

html {
    scroll-behavior: smooth;
}

p, .landing-msging {
    font-family: 'adelle-sans', 'Roboto', sans-serif;
}

h3 {
    font-size: 32px;
    margin: 0.5rem 0;
}

/* 2. Buttons */

.pp-header .cta-btn {
    margin-right: 10px;
}

.cta-btn, #donate_form_button {
    font-family: inherit;
    border-radius: 0.25rem;
    background-color: var(--br-ylw);
    color: var(--font-dark);
    font-size: 16px;
    font-weight: 700;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 1);
    transition: 0.4s;
    padding: 9px 10px 8px 10px;
    width: fit-content;
    margin: 1rem 0;
}

a.cta-btn {
    text-decoration: none;
}

.cta-btn.alt, #donate_form_button {
    background-color: var(--br-red);
    color:var(--font-light);
}

.cta-btn:hover, #donate_form_button:hover {
    filter: brightness(0.9);
    cursor: pointer;
}

.cta-btn.alt:hover {
    filter: brightness(1.2);
}

.landing-msging a {
    margin: 1rem 0;
}

.landing-video-btn.cta-btn {
    display: none;
}

/* 3. Header */

.pp-head-wrap {
    display: flex;
    justify-content: space-between;
    background-color: var(--bg-light);
    align-items: center;
    max-width:1050px;
    flex: 1 0 auto;

}
.pp-header {
    display: flex;
    background-color: var(--bg-light);
    align-items: center;
    position: fixed;
    width: 100%;
    height: 80px;
    z-index: 99;
    justify-content: center;
    box-shadow: 0 2px 2px -2px rgba(0,0,0,.2);
}

.pp-icon img {
    position:relative;
    top:0.25rem
}

/* 4. Landing Section */

.landing-section {
    display:flex;
    justify-content: center; 
    padding: 10rem 0 4rem 0;
    gap: 2rem;
}

.primary-ctn, .cta-ctn {
    background-color: var(--bg-dark);
    display: flex;
    color: var(--font-light);
    flex-direction: column;
    align-items: center;
    padding: 1rem;
}

.primary-ctn p {
    max-width: 1050px;
    margin:auto;
    display: block;
    text-align: center;
    color: var(--font-light);
    padding: 0.25rem 0;
}

.primary-msging {
    padding: 1rem 0;
}

 h2.landing-title, h3.primary-title, h3.msg1-title, .accdn-what h3, .cta-title {
    font-size: 35px;
    margin: 1.5rem 0;
    line-height: 2rem;
    font-weight: 700;
}

h2.landing-title {
    font-size: 40px;
    line-height: 40px;
	margin: 15px 0;
}

h3.msg1-title {
    margin-top: 1rem;
}

.donation-cta h4, h2.landing-title, h3.accdn-what, h3.cta-title, .accdn-ctn h4 {
    text-transform: capitalize;
    font-weight: 700;
}

.accdn-ctn p {
    margin: 10px 0;
}

p {
    margin: 0 0 10px;
}

.landing-cta, .nav-cta {
    margin: 1rem 0;
    padding: 1rem 1.5rem;
    background-color: var(--bg-dark);
    color: var(--font-light);
    width: fit-content;
    border-radius: 0.25rem;
}

.nav-cta {
    padding: 0.75rem 1rem;
    margin-right:4rem;
}

.landing-hello {
    flex: 0 1 625px;
    gap: 0.5rem;
    display: flex;
    flex-direction: column;
}

.landing-section p, .foursquare-section p, .accdn-section p {
    line-height: 24px;
}


/* 5. CTA Section*/

.cta-section, .letter-section, .test-section {
    max-width: 1032px;
    margin: auto;
    padding: 1rem;
}

.cta-flex-wrapper, .ow-flex-wrapper, .letter-flex-wrapper {
    display: flex;
    flex-direction: column;
}

.cta-ctn {
    background-color: #fff;
    color: var(--font-dark);
    flex-direction: row;
    padding: 0;
}

.cta-title, .letter-title {
    text-align: left;
}

.cta-item-img {
    height: 200px;
    max-width: 300px;
    background-color: var(--bg-grey);
    overflow: hidden;
    border-radius: 0.25rem;
}

.cta-item-ctn {
    transition: 0.4s;
    flex: 0 1 320px;
    border: 1px solid var(--bg-grey);
    border-radius: 0.5rem;
}

.cta-item-ctn:hover {
    transform: scale(1.025);
}

.cta-item-img img {
    height: 200px;
    object-fit: contain;
    max-width: 300px;

}

.cta-flex {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.cta-item {
    padding: 0.65rem;
}

.cta-item h5{
    font-weight: 700;
    color: var(--br-teal);
}

.cta-link {
    float: right;
    color: var(--br-teal);
    text-transform: uppercase;
    font-weight: 700;
}

.cta-item-ctn:hover {
    backdrop-filter: brightness(0.9);
}

.cta-item h5:hover, .cta-link:hover {
    color: var(--br-red);
    transition:0.4s;
}

.cta-item a {
	text-decoration: none;
}

/*6. Primary Messaging*/

.primary-ctn h3 {
    margin: 0;
}

.primary-ctn {
    padding: 4rem 0;
}

.primary-title {
    padding: 0 0 0.5rem 0;
}

.primary-section {
    color: var(--font-light);
}

/* 7. 4 Square */

.msg1, .msg2 {
    display:grid;
    grid-template-columns: 1fr 1fr;
}

.msg1-text, .msg2-text {
    padding: 1rem 2rem;
    max-width: 550px;;
}

.msg2-text {
    justify-self: end;
}

.msg1-img, .msg2-img {
    background-color: var(--bg-dark);
    display: flex;
    justify-content: end;
    object-fit: cover;
    overflow: hidden;
}

.msg1-img {
    height: 405px;
}

.msg1-img img {
    height: 405px;
    width: 100%;
    object-fit: cover;
    object-position: 0 80%;
}


.foursquare-section {
    background-color: var(--bg-light);
}

/* 9. donate */

.landing-donor-form {
    padding: 1rem;
    background-color: var(--bg-light);
    flex: 0 1 375px;
    border-radius: 0.25rem;
}


.landing-donor-form h4, .accdn-what h3, h3.cta-title {
    margin: 1rem 0;
    font-weight: 700;
}

/* nov 12 2025 */
.donation-cta {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height:100%;
}

.donation-cta h4, .donate-msg, .donate-btn {
    flex: 1 1 auto;
}

.donate-btn {
    align-content: flex-end;
}

.donation-cta .donate-btn .cta-btn {
    position: relative;
    bottom: 0.75rem;
}

.landing-video-embed, .landing-video-embed iframe {
    margin: auto;
    margin-top: 1rem;
    max-width: 1070px;
    display: flex;
    flex: 0 1 auto;
}

/* 10. New Accordion Section */

.accdn-section {
    max-width: 1035px;
    padding: 1rem;
    margin: auto;

}

.accdn-click {
    padding: 0.125rem;
    border-radius: 50%;
    font-size: 1.5rem;;
    border: 1px solid #d9d9d9;
    /*display: inline;*/
    position: relative;
    top: 0.25rem;
}

.accdn-click:hover {
    backdrop-filter: brightness(0.9);
    transition:0.3s;
    cursor: pointer;
}

.accdn-click.active {
    transform:rotate(180deg);
    -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
}


.accdn-msg {
    border:1px solid #d9d9d9;
    border-radius: 0.25rem; 
}

.accdn-ctn h4 {
    margin: 0;
}

.accdn-ctn {
    padding: 1rem;
}

.accdn-ctn:nth-of-type(odd) {
    background-color: var(--bg-light);
}

/*11 Modal*/

.modal-screen {
    position: fixed;
    height: 100vh;
    width: 100%;
    z-index:99;
}

.modal-backdrop {
    height: 100vh;
    width: 100%;
    background-color:var(--bg-dark);
    opacity: 0.95;
    z-index: 3;
}

.modal-donate {
    position: absolute;
    border-radius: 0.25rem;
    background-color: #fff;
    padding: 1rem;
    z-index:99;
}

.modal-close::before {
    bottom: 1px;
    position: relative;
}
.modal-close {
    position: absolute;
    color: var(--font-dark);
    top: 1%;
    right: 1%;
    padding: 1rem;
    border-radius: 50%;
    height: 34px;    
    transition: 0.3s background-color;
    z-index: 99;
}

.modal-close:hover {
    transition: 0.3s background-color;
    background-color:#c9c9c9;
    cursor: pointer;
}

.modal-flex {
    display: flex;
    align-content: center;
    justify-content: center;
    position: absolute;
    top: 3%;
    justify-items: center;
    width: 100%;
    transition: 0.4s height;
}

label.donate_amount.js-donate_amount input[type="radio"] {
    display:none;
}

label.donate_amount.js-donate_amount {
    background-color: #29363B;
    color: #f1f1f1;
    padding: 1rem;
    margin: 0.25rem;
    border-radius: 0.25rem;
    transition:0.3s background-color;
}

label.donate_amount.js-donate_amount:hover  {
    cursor: pointer;
    background-color: #3c4e55;
}
label.donate_amount.js-donate_amount.donate_amount-selected {
    background-color: #0096A9;
}

.donate_amount_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /*justify-content: center;*/
}

.donate_amount input[type="text"]::placeholder {
    color:white;
}
#can_embed_form .donate_amount input[type="text"] {
    width: 90px;
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    color: white;
}

#can_embed_form h2 {
    margin: 0.25rem;
    text-transform:capitalize;
    font-weight:600;
}

.donate_recurring_inner div {
    display: inline;
}

#can_embed_form input[type="text"], #can_embed_form input[type="email"] {
    border-radius: 0.25rem;
    margin-left:0.35rem;
    border: 1px solid;
    padding: 0.5rem;
    outline: 0;
    text-align: inherit;
    font: inherit;
    font-size: 16px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
    border-color: #e2e8f0;
}

.floatlabel-wrapper textarea {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
    padding: 0.5rem;
    font-size: 16px;
    margin-left: 0.35rem;

}


.floatlabel-wrapper  {
    padding: 0.35rem 0;
    display: flex;
    gap: 0.25rem;
    align-items: center;
}

.floatlabel-label {
    flex: 0 0 125px;
    font-size: 1rem;

}

.floatlabel-input {
    flex: 1 1 auto;
}

select#donate_recurring_period {
    border: 1px solid var(--bg-dark);
    border-radius: 0.25rem;
    opacity: 1!important;
    height: 24px!important;
    font-size: 1.5rem;

}

select#donate_recurring_period:hover {
    cursor: pointer;
}

.country_wrap {
    display:none;
}

#donation_recipient_wrap {
    display: flex;
    gap: 0.25rem;
    padding: 1rem 0 0 0;
}

#donation_recipient_wrap h4 {
    margin: 0.125rem;
}

.js-d_sharing ul {
    list-style-type: none;
    padding-inline-start: 0;
    margin: 0.25rem 0 1rem 0;
}

li.form_builder_output {
    display:none;
}


/*other donation embeds*/

.ret-to-defend {
    text-align: center;
    display: flex;
    justify-content: center;
}


/*smaller screen view*/
@media screen and (max-width: 1200px) {
    .cta-flex {
            justify-content: center;
    }
    .cta-title {
        text-align: center;
    }
    .cta-item-img img {
        width: 100%;
    }
    .our-section {
        padding: 1rem;
    }

    .cta-item-img {
        display: flex;
    }

    .cta-item-ctn {
        flex: 0 1 300px;
    }

    .landing-section {
        padding-left:1rem;
        padding-right:1rem;
    }
    .msg1, .msg2 {
        grid-template-columns: 1fr;
    }
    .msg1-text, .msg2-text {
        max-width: 100%;
        padding: 1rem 2.5rem;
    }
}

/*small tablets*/
@media screen and (max-width: 768px) {

    .msg1-title {
        padding-top: 1.5rem;
    }
    .msg1-text, .msg2-text {
        max-width: 100%;
        padding: 1rem;
    }
    .pp-icon {
        margin-left: 1rem;
    }
    .landing-hello, .landing-donor-form {
        flex: 0 1 auto;
        padding: 1rem;
    }
    .landing-section {
        flex-direction: column;
    }
    .primary-ctn {
        padding: 2rem 1rem;
    }
    .cta-section, .letter-section, .test-section {
        padding: 1rem;
    }
    .input[type="submit"]:hover {
        cursor:pointer;
        background-color:#ad176a;
    }
    .cta-item-img {
        max-width: 100%;
        width: fit-content;
        flex: 0 1 auto;
    } 
    .primary-title {
        text-align: center;
    }
    #can-fundraising-area-defend-journalism {
        width: 320px!important;
    }
    .mainFeature .col-md-12 {
        padding: 0;
    }
    input.floatlabel-input {
        max-width: 300px;
    }
    .cta-title {
        text-align: left;
    }
    .embed-text {
        padding: 1rem;
    }
    textarea {
        width: calc(100% - 4px);
    }
    .landing-video-embed {
        display: none;
    }
    .landing-video-btn.cta-btn {
        display: block;
    }
}

/*small phones*/
@media screen and (max-width: 420px) {
    .pp-header {            
        bottom: 0;
    }
    .our-section{
        margin-bottom: 4rem;
    }
    .landing-section {
        padding: 1rem;
        gap: 0rem;
    }

    .pp-icon img {
        width: 150px;
    }

    .modal-donate {
        overflow-y: scroll;
    }

    .floatlabel-label{
        flex: 0 0 80px;
    }

    input.floatlabel-input {
        max-width: 200px;
    }

    .msg1-img img {
        object-position: 90% 0%;
    }

}