/*
Theme Name:   Payfast Campaigns
Theme URI:    https://generatepress.com
Description:  Payfast landing page microsite
Author:       Webworx
Author URI:   https://webworxdesign.co.za
Template:     generatepress
Version:      0.1
*/

html, body {
	overflow-x: hidden;
}

/* Typography */
body {
	color: #3d4f5c;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #041b2b;
	margin-top: 0;
	margin-bottom: 0.5rem;
}
/**

h2, .h2 {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.2;
}
h3, .h3 {
	font-size: 1.325rem;
	font-weight: 700;
	line-height: 1.375rem;
}
h4, .h4 {
	font-size: 1.25rem;
}
h5, .h5 {
	font-size: 1.25rem;
}
h6, .h6 {
	font-size: 1rem;
	font-weight: 400;
	line-height: 2.125rem;
}
**/
.block-over h3 {
	font-size: 1.325rem;
}
body, dd, dl, dt, fieldset, figure, html, iframe, legend, li, p, pre, textarea {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8rem;
	/* margin-bottom: 1.5rem; */
}
.hero-headline {
	margin-bottom: 30px;
}
/* padding classes */

.wp-block-group__inner-container {
	padding: 0px;
}


.pad-60 .wp-block-group__inner-container {
	padding: 60px 40px!important;
}
.pad-80 .wp-block-group__inner-container {
	/* padding: 80px 40px!important; */
	padding: 40px 51px !important;
}
/* Header */
.one-container .site-content {
	padding: 0px;
}
.wp-block-cover__inner-container .wp-block-group__inner-container {
	padding: 0px;
}
.wp-block-cover {
	margin-bottom: 0px!important;
}
.no-margin-bottom {
	margin-bottom: 0px!important;
}
header .inside-header {
	padding: 10px 40px;
}
header .inside-header .main-navigation .main-nav ul li.btn-primary a {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #e0182d;
	border: 1px solid #e0182d;
	border-radius: 20px;
	color: #fff;
	box-shadow: 0 2px 4px 0 rgba(50,50,93,.2);
	font-family: Open Sans;
	font-size: 14px;
	font-weight: 600;
	height: 40px;
	line-height: 22px;
	min-width: 136px;
	padding: 10px 20px;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
header .inside-header .main-navigation .main-nav ul li.btn-primary a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #c91628;
	box-shadow: 0 2px 4px 0 rgba(50,50,93,.2);
}
header .inside-header .main-navigation .main-nav ul li.btn-secondary a {
	color: #e0182d;
}
.main-navigation li {
	margin-bottom: 0;
}

/* Sticky Header */
header.is_sticky {
	position: fixed;
	display: block;
	width: 100%;
	top: 0;
	left: 0;
	box-shadow: 0 .125rem .625rem 0 rgba(0,0,0,.26);
	z-index: 10;
}

.admin-bar header.is_sticky{
	top: 32px;
}
header.is_sticky + .container{
	margin-top: 80px;
}

/*Featured Columns */
.wp-block-columns {
	display: flex;
	margin-bottom: 1.75em;
	flex-wrap: wrap;
	padding-top: 10px;
	margin-bottom: unset;
}
.wp-block-columns .wp-block-columns {
	margin-bottom: 0;
}


/* Footer-Section */
.site-footer .footer__contact--logos a {
	font-size: 15px;
}
.site-footer .footer__contact--logos i {
	top: 1px;
	position: relative;
}
.footer-widgets .widget-title{
	color: #526777;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.125rem;
}

.footer-widget-6 {
	padding: 0 0 0 40px;
}
#spaced {
	margin-left: -50px;
}

#spaced a {
	opacity: 0.3;
	/* border: 1px solid; */
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
	transition: opacity 0.3s
}
#spaced a:hover {
	opacity: 0.7;
	background-color: #082336;
	color: #fff;

}
#head{
	color: #526777;
	font-size: 13px;
	font-weight: 600;
}
#spaced ul {
	margin: 0 auto;
	width: 50%;
	justify-content: space-between;
	display: flex;
}
.site-footer a{
	font-size: 13px;
	color: #041b2b;
}
.site-footer a:hover{
	text-decoration: underline;
}
.site-footer .widget ul li{
	margin-bottom: 5px
}
.footer-widgets-container.grid-container {
	display: flex;
	max-width: 1096px;
	margin: 0 auto 1rem;
	flex-direction: row;
	padding: 2.813rem 1.25rem 3.438rem 2.25rem;
}


@media only screen and (min-width: 768px){
	header .inside-header .main-navigation .main-nav ul li.btn-secondary a {
		margin-right: 20px;
	}

}

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

	.inside-footer-widgets {
		flex-direction: row;
		flex-wrap: wrap;
	}
	.inside-footer-widgets > div {
		flex: auto;
		width: 30%;
	}
}
.mobile-footer-widgets {
	display: none;
	font-weight: 600;
	color: #041b2b;
	font-size: 2.938rem !important; 
	line-height: 3.5rem;
}

@media only screen and (max-width: 574px){
	.mobile-footer-widgets {
		display: block;
		width: 100%;

	}
	.inside-footer-widgets{
		display: none;
	}
	.footer-widgets-container.grid-container{
		width: 100%;
		text-align: center;
		margin-right: 0;
		margin-bottom: 1.25rem;
	}
	#spaced{
		margin-left: 1px;
	}
	#spaced ul {
		margin: 0 auto;
		width: 50%;
		justify-content: space-between;
		display: flex;
	}

	#spaced a:hover {
		opacity: 0.7;
		background: #8897a2;
		color: #fff;
	}
	.site-footer a{
		font-size: 14px;
		color: #041b2b;
		font-weight: 600;
		line-height: 3.125rem;
	}
}

/* Guten-Block Timeline */
.timeline-content {
	padding: 6px 47px 15px !important;
}

/* Colour Settings */
.has-red-color {
	color: #e0182d  !important;
}
.has-red-background-color  {
	background: #e0182d  !important;
}

.has-charcoal-color {
	color: #041b2b  !important;
}
.has-charcoal-background-color {
	background: #041b2b  !important;
}

.has-dark-grey-color {
	color: #3d4f5c  !important;
}
.has-dark-grey-background-color {
	background: #3d4f5c  !important;
}

.has-very-light-gray-color {
	color: #f7f9fe  !important;
}
.has-very-light-gray-background-color {
	background: #f7f9fe  !important;
}

.has-ball-blue-color {
	color: #041b2b;
}
.has-ball-blue-background-color {
	background: #041b2b;
}
/* Shadow box */
.block-over {
	padding: 25px;
	transition: all 0.3s;
	/* margin: -20px; */
}
.block-over:hover{
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 1.563rem 5rem -1.688rem rgba(173,186,223,.81);
}
.video-size {
	max-height: 700px;
	max-width: 700px;
	margin: 0 auto;
	box-shadow: 0 1.563rem 5rem -1.688rem rgba(173,186,223,.81);
}
.max-850 {
	max-width: 800px!important;
	margin-left: auto!important;
	margin-right: auto!important;
}

.inside-site-info {
	padding: 10px 40px!important;
	font-size: 12px!important;
}
.inside-site-info strong {
	font-weight: 400!important;
}
.site-info {
	background-color: #041b2b!important;

}
html .site-info {
	margin-bottom: 0px!important;
}

.shadow-box {
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 1.563rem 5rem -1.688rem rgba(173,186,223,.81);
	padding: 25px;
	transition: all 0.3s;
}
/* Buttons */
.wp-block-button .wp-block-button__link {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #e0182d;
	border: 1px solid #e0182d;
	border-radius: 45px;
	color: #fff;
	box-shadow: 0 2px 4px 0 rgba(50,50,93,.2);
	font-family: Open Sans;
	font-size: 1rem;
	font-weight: 600;
	height: 45px;
	line-height: 25px;
	min-width: 160px;
	padding: 10px 20px;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	vertical-align: middle;
}
.wp-block-button.is-style-fill .wp-block-button__link {
	background-color: #e0182d;
	border-color: #e0182d;
	color: #fff;
}
.wp-block-button.is-style-fill .wp-block-button__link:hover {
	border-color: #c91628;
	background-color: #c91628;
	color: #fff;
}
.wp-block-button.is-style-outline .wp-block-button__link {
	background-color: #fff;
	border-color: #e0182d;
	color: #e0182d;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	border-color: #c91628;
	background-color: #c91628;
	color: #fff;
}
/** grey outline **/
.wp-block-button.is-style-outline.grey .wp-block-button__link {
	background-color: #fff;
	border-color: #526777;
	color: #526777;
}
.wp-block-button.is-style-outline.grey .wp-block-button__link:hover {
	border-color: #c91628;
	background-color: #c91628;
	color: #fff;
}

/* List Items Icons */
ul.bullet-icons {
	padding: 1rem;
	margin: 0;
	list-style: none;
}
ul.bullet-icons li {
	display: flex;
	align-items: flex-start;
	margin-bottom: 15px;
}
ul.bullet-icons li::before {
	content: "";
	display: block;
	height: 22px;
	width: 22px;
	background-image: url(/wp-content/uploads/2021/05/Check-mark.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 25px;
}

ul.bullet-icons li:last-child {
	margin-bottom: 0px;
}

.footer-widgets .widget:last-child, .sidebar .widget:last-child {
	margin-bottom: 24px;
}

/** call out block **/
.wp-block-cover.call-out .wp-block-cover__inner-container {
	max-width: 400px;
}

/* @media statements */

@media screen and (max-width: 1380px){
	.one-container .site-content {
		padding: 20px;
	}
	.alignfull .wp-block-group .wp-block-group__inner-container {
		padding: 0 40px;
	}

}

@media screen and (max-width: 1080px){
	.block-over{
		background: #fff;
		box-shadow: 0 1.563rem 5rem -1.688rem rgba(173,186,223,.81);
		margin-bottom: 2em;
	}
	.wp-block-columns .wp-block-columns .wp-block-column {
		width: 100%;
		flex-basis: unset;
		margin: 0;
		flex-grow: unset;
		max-height: unset;
		margin-bottom: 2em;
		flex-basis: calc(100% - 1em) !important;
	}
	/* h2{
	margin-left: 2em;
} */
	/* .one-container .site-content {
	padding: 40px;
} */
	/* .wp-block-group__inner-container {
	padding: 40px;
} */
	.shadow-box {
		width: 100%;
	}
	.alignfull .wp-block-group .wp-block-group__inner-container {
		padding: 0 40px;
	}
}


@media screen and (max-width: 769px){
	
	.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull {
		margin-left: auto;
		margin-right: auto;
		width: calc(100% + 0px);
		max-width: calc(100% + 0px);
	}

	.alignfull .wp-block-group .wp-block-group__inner-container {
		padding: 0 20px;
	}
	.site-main .wp-block-group__inner-container {
		padding: 10px!important;
    }
	.main-navigation button.menu-toggle,
	.main-navigation .mobile-bar-items {
		display: none;
	}

	header .inside-header {
		padding: 0px 20px;
	}
	.main-navigation ul {
		display: inline;
	}
	.main-navigation ul, .main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul, #site-navigation .inside-navigation > :not(.navigation-search):not(.main-nav) {
		display: flex;
	}

	.has-inline-mobile-toggle .header-widget, .has-inline-mobile-toggle #site-navigation {
		flex-basis: auto;
	}
	.main-navigation a, header .inside-header .main-navigation .main-nav ul li.btn-primary a {
		font-size: 13px;
		border-radius: 20px;
		min-width: 136px;
		padding: 10px 40px;
		justify-content: space-between;
	}

	ul.bullet-icons {
		padding: 1rem;
		margin: 0;
		list-style: none;
	}

	/* Guten-Block Timeline */
	.content-space {
		padding: 6px 47px 15px 40px !important;
	}

	.footer-widget-6 {
		padding: 0 0 0 0px;
	}


}

@media (max-width: 560px){
	.has-inline-mobile-toggle .header-widget, .has-inline-mobile-toggle #site-navigation {
		flex-basis: auto;
	}
	.main-navigation a, header .inside-header .main-navigation .main-nav ul li.btn-primary a {
		font-size: 12px;
		border-radius: 20px;
		min-width: 106px;
		padding: 10px 40px;
	}
}
@media (max-width: 450px){
	.has-inline-mobile-toggle .header-widget, .has-inline-mobile-toggle #site-navigation {
		flex-basis: auto;
	}
	.main-navigation a, header .inside-header .main-navigation .main-nav ul li.btn-primary a {
		font-size: 12px;
		border-radius: 20px;
		min-width: 70px;
	}
	header .inside-header {
		padding: 0px 20px;
	}
	ul.bullet-icons {
		padding: 1rem;
		margin: 0;
		list-style: none;
	}
	ul.bullet-icons li::before {
		width: 35px!important;
		height: 35px!important;
	}
	/* Guten-Block Timeline */
	.content-space {
		padding: 6px 27px 15px 20px !important;
	}
}

@media screen and (max-width: 450px){
	.has-inline-mobile-toggle .header-widget, .has-inline-mobile-toggle #site-navigation {
		flex-basis: auto;
	}
	.main-navigation a, header .inside-header .main-navigation .main-nav ul li.btn-primary a {
		font-size: 12px;
		border-radius: 20px;
		min-width: 50px;
		padding: 10px 20px;
		align-content: center;
	}
}

@media screen and (max-width: 390px){
	.has-inline-mobile-toggle .header-widget, .has-inline-mobile-toggle #site-navigation {
		flex-basis: auto;
	}
	.main-navigation a, header .inside-header .main-navigation .main-nav ul li.btn-primary a {
		font-size: 12px;
		border-radius: 25px;
		min-width: 10px;
		padding: 10px 12px;

	}
	ul.bullet-icons {
		padding: 0rem;
		margin: 0;
		list-style: none;
	}
	.content-space {
		padding: 6px 1px 5px 5px !important;
	}
}

@media screen and (max-width: 350px){
	.has-inline-mobile-toggle .header-widget, .has-inline-mobile-toggle #site-navigation {
		flex-basis: auto;
	}
	.main-navigation a, header .inside-header .main-navigation .main-nav ul li.btn-primary a {
		font-size: 10px;
		border-radius: 25px;
		min-width: 10px;
		padding: 10px 15px;

	}
	ul.bullet-icons {
		padding: 0rem;
		margin: 0;
		list-style: none;
	}
	.content-space {
		padding: 6px 1px 5px 10px !important;
	}
}
@media screen and (max-width: 321px){
	.has-inline-mobile-toggle .header-widget, .has-inline-mobile-toggle #site-navigation {
		flex-basis: auto;
	}
	.main-navigation a, header .inside-header .main-navigation .main-nav ul li.btn-primary a {
		font-size: 6px;
		border-radius: 25px;
		min-width: 10px;
		padding: 10px 10px;

	}
	ul.bullet-icons {
		padding: 0rem;
		margin: 0;
		list-style: none;
	}
	/* Guten-Block Timeline */
	.content-space {
		padding: 1px 10px 1px 10px !important;
	}
}



.main-navigation .inside-navigation {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: unset;
}


.footer__contact--logos {
	display: flex;
	color: #8897a2;

}

.footer__contact--circle {
	box-sizing: border-box;
	height: 2.063rem;
	width: 2.063rem;
	color: #8897a2;
	border: 1px solid #8897a2;
	border-radius: 50%;
	margin-right: .5rem;
	text-align: center;
	transition: all 0.2s ease;
}
.footer__contact--circle:hover {
	background-color: #8897a2;
	color: #fff;
}

img {
	height: auto;
	max-width: 100%;
	margin: 0 auto;
}
.wp-block-button.download-btn .wp-block-button__link {
	display: flex;
	align-items: center;
}
.wp-block-button.download-btn .wp-block-button__link::before {
	content: "";
	display: block;
	width: 13px;
	height: 14px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.002' height='17.166' viewBox='0 0 15.002 17.166'%3E%3Cg id='Download_Icon_red' transform='translate(0 -0.062)'%3E%3Cpath id='Path_132' data-name='Path 132' d='M13.752,12.812H1.25a1.226,1.226,0,1,0,0,2.452h12.5a1.226,1.226,0,1,0,0-2.452Z' transform='translate(0 1.963)' fill='%23ffffff'%3E%3C/path%3E%3Cpath id='Path_133' data-name='Path 133' d='M3.217,5.327,6.084,8.139V1.288a1.25,1.25,0,0,1,2.5,0V8.139l2.867-2.812a1.264,1.264,0,0,1,1.767,0,1.209,1.209,0,0,1,0,1.734l-5,4.9a1.267,1.267,0,0,1-1.768,0l-5-4.9a1.209,1.209,0,0,1,0-1.734A1.268,1.268,0,0,1,3.217,5.327Z' transform='translate(0.167 0)' fill='%23ffffff'%3E%3C/path%3E%3C/g%3E%3C/svg%3E ");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 10px;
}
.wp-block-button.download-btn .wp-block-button__link:hover::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.002' height='17.166' viewBox='0 0 15.002 17.166'%3E%3Cg id='Download_Icon_red' transform='translate(0 -0.062)'%3E%3Cpath id='Path_132' data-name='Path 132' d='M13.752,12.812H1.25a1.226,1.226,0,1,0,0,2.452h12.5a1.226,1.226,0,1,0,0-2.452Z' transform='translate(0 1.963)' fill='%23e32a30'%3E%3C/path%3E%3Cpath id='Path_133' data-name='Path 133' d='M3.217,5.327,6.084,8.139V1.288a1.25,1.25,0,0,1,2.5,0V8.139l2.867-2.812a1.264,1.264,0,0,1,1.767,0,1.209,1.209,0,0,1,0,1.734l-5,4.9a1.267,1.267,0,0,1-1.768,0l-5-4.9a1.209,1.209,0,0,1,0-1.734A1.268,1.268,0,0,1,3.217,5.327Z' transform='translate(0.167 0)' fill='%23e32a30'%3E%3C/path%3E%3C/g%3E%3C/svg%3E ");
}
.wp-block-button.download-btn.is-style-outline .wp-block-button__link::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.002' height='17.166' viewBox='0 0 15.002 17.166'%3E%3Cg id='Download_Icon_red' transform='translate(0 -0.062)'%3E%3Cpath id='Path_132' data-name='Path 132' d='M13.752,12.812H1.25a1.226,1.226,0,1,0,0,2.452h12.5a1.226,1.226,0,1,0,0-2.452Z' transform='translate(0 1.963)' fill='%23e32a30'%3E%3C/path%3E%3Cpath id='Path_133' data-name='Path 133' d='M3.217,5.327,6.084,8.139V1.288a1.25,1.25,0,0,1,2.5,0V8.139l2.867-2.812a1.264,1.264,0,0,1,1.767,0,1.209,1.209,0,0,1,0,1.734l-5,4.9a1.267,1.267,0,0,1-1.768,0l-5-4.9a1.209,1.209,0,0,1,0-1.734A1.268,1.268,0,0,1,3.217,5.327Z' transform='translate(0.167 0)' fill='%23e32a30'%3E%3C/path%3E%3C/g%3E%3C/svg%3E ");
}
.wp-block-button.download-btn.is-style-outline .wp-block-button__link:hover::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.002' height='17.166' viewBox='0 0 15.002 17.166'%3E%3Cg id='Download_Icon_red' transform='translate(0 -0.062)'%3E%3Cpath id='Path_132' data-name='Path 132' d='M13.752,12.812H1.25a1.226,1.226,0,1,0,0,2.452h12.5a1.226,1.226,0,1,0,0-2.452Z' transform='translate(0 1.963)' fill='%23ffffff'%3E%3C/path%3E%3Cpath id='Path_133' data-name='Path 133' d='M3.217,5.327,6.084,8.139V1.288a1.25,1.25,0,0,1,2.5,0V8.139l2.867-2.812a1.264,1.264,0,0,1,1.767,0,1.209,1.209,0,0,1,0,1.734l-5,4.9a1.267,1.267,0,0,1-1.768,0l-5-4.9a1.209,1.209,0,0,1,0-1.734A1.268,1.268,0,0,1,3.217,5.327Z' transform='translate(0.167 0)' fill='%23ffffff'%3E%3C/path%3E%3C/g%3E%3C/svg%3E ");
}