/*
Theme Name: GovChat - Beaver Builder Child Theme
Version: 1.0
Description: Child theme of Beaver Builder Theme for the GovChat website
Author: Elizabeth Meyer <elizabeth@hereandnowdigital.co.za>
template: bb-theme

*/

/* style.min.css is Sass generated from assets/css/sass/style.scss */
@import url('./inc/css/style.min.css');

.fl-menu .fl-menu-mobile-toggle .svg-container:after {
 background: var(--govchat-green);
 content: ' ';
	mask-image: url("data:image/svg+xml; utf8, <svg version='1.1' class='hamburger-menu' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512'><rect class='fl-hamburger-menu-top' width='512' height='50'></rect><rect class='fl-hamburger-menu-middle' y='205' x='112' width='400' height='50'></rect><rect class='fl-hamburger-menu-bottom' y='410' width='512' height='50'></rect></svg>");
	-webkit-mask-image: url("data:image/svg+xml; utf8, <svg version='1.1' class='hamburger-menu' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512'><rect class='fl-hamburger-menu-top' width='512' height='50'></rect><rect class='fl-hamburger-menu-middle' y='205' x='112' width='400' height='50'></rect><rect class='fl-hamburger-menu-bottom' y='410' width='512' height='50'></rect></svg>");
  display: block;
  position: absolute;
  right: 0;
  top: calc(50% - 30px/2);
  height: 30px;
  width: 30px;
}

.fl-menu .fl-menu-mobile-toggle.fl-active .svg-container:after {
  display: none;
}

.fl-menu .fl-menu-mobile-toggle .svg-container:before {
  display: none;
}

.fl-menu .fl-menu-mobile-toggle.fl-active .svg-container:before {
  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500'><line x1='0' y1='0' x2='500' y2='500' stroke='#fff' stroke-width='50' stroke-linecap='round' ></line><line x1='500' y1='0' x2='0' y2='500' stroke='#fff' stroke-width='50' stroke-linecap='round'></line></svg>");
  background: none;
  display: block;
  position: fixed;
  right: 25px;
  top: 25px;
  height: 35px;
  width: 35px;
	color:#ffffff;
	font-size:35px;
	content: 'X';
}

:root {
  --govchat-green: rgb(0,183,79);
}

.items-right {
	text-align:right;
}

h1 {
	font-weight:800;
}

h2 {
	font-weight:600;
}

/* li list style */

.fl-builder-content li {
    list-style-position: inside;
}

.fl-builder-content[data-type="header"].fl-theme-builder-header-sticky {
	background: #ffffff;
  padding-bottom: 15px;
	border-bottom: 1px solid rgba(0,0,0, 0.1);
}

.fl-menu button.fl-menu-mobile-toggle, .fl-menu button.fl-menu-mobile-toggle:hover{
	background: none;
	border-radius: 0;
	font-size:0px;
	width: 0;
	height: 0;
}

.fl-menu button.fl-menu-mobile-toggle.fl-active {
	position: absolute;
	top: 10px;
	right: 60px;
  z-index: 2012;
}

ul#menu-main-navigation {
   left: 0;
    right: 0;
    top: 0;
    position: fixed;
    padding: 50px;
    overflow: scroll;
    height: 100%;
    bottom: 0;
    width: 100%;
    overflow-x: hidden;
}

@media all and (min-width: 2000px) {
  ul#menu-main-navigation li {
    font-size: 50px;
  }
}

footer h2.widgettitle {
  font-size: 24px;
	margin-bottom: 0.75em;
	margin-top: 1.5em;
	text-transform: capitalize;
}

footer ul.menu {
	font-size: 18px;
}

ul#menu-main-navigation li {
	border: none;
}

ul#menu-main-navigation li a {
    text-align: center;
    padding: 0.5em;
}

ul#menu-footer-navigation li {
		font-size: 16px;
		margin-bottom: 4px;
    text-align: center;
    text-transform: capitalize;

	}

@media all and (min-width: 578px) {
	ul#menu-footer-navigation li {
    text-align: center;
    font-size: 28px;
    text-transform: capitalize;
		margin-bottom: 8px;
	}
}
.gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio] {
    margin-top: 0px;
}

input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=number], input[type=search], input[type=url] {
    height: 44px;
    border: 2px solid var(--govchat-green);
    border-radius: 10px;
}

input[type=text]::placeholder,
input[type=password]::placeholder, input[type=email]::placeholder, input[type=tel]::placeholder, input[type=date]::placeholder, input[type=month]::placeholder, input[type=week]::placeholder, input[type=time]::placeholder, input[type=number]::placeholder, input[type=search]::placeholder, input[type=url]::placeholder {
  color: var(--govchat-green);
}

select {
	   height: 44px;
    border: 2px solid var(--govchat-green);
    border-radius: 10px;
}

textarea {
	  border: 2px solid var(--govchat-green);
    border-radius: 10px;
}

textarea::placeholder {
	color: var(--govchat-green);
}
input[type=submit] {
	background: var(--govchat-green);
	padding: 16px 50px;
	text-transform: uppercase !important;
}
.fl-button .fl-button-text {
		min-width: 140px;
  	padding: 4px 0px;
  	display: inline-block;
		font-size: 18px;
	}

@media all and (min-width: 578px) {
	.fl-button .fl-button-text {
		min-width: 250px;
  	padding: 8px 36px;
  	display: inline-block;
		font-size: 22px;
	}
}

.horisontal-column .fl-col .fl-col-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.fl-number .fl-number-text {
    font-weight: 800;
}

.fl-number .fl-number-after-text {
    font-weight: 600;
    font-size: 12px;
	  margin-bottom: 2em;
	  margin-top: 0px;
	  text-transform: uppercase;
}

@media all and (min-width: 578px) {
	.fl-number .fl-number-after-text {
	  font-size: 20px;
	}
}

@media (max-width: 768px){
	.benefits-carousel .bx-viewport {
  box-sizing: content-box;
		padding-bottom: 100px;
}

.benefits-carousel .fl-slide-foreground {
 position:absolute;
width: 100%;
}

.benefits-carousel .fl-slide-content {
	   display: flex;
   flex-direction: column;
   justify-content: center;
  height:100px;
  width: 100% !important;
}

	.benefits-carousel .fl-slide-text h2, .benefits-carousel .fl-slide-text h3 {
    text-align: center !important;
		font-size: 24px;
		line-height: 1em;
}
	.benefits-carousel .fl-slide-text h2 br,
	.benefits-carousel .fl-slide-text h3 br {
		display: none;
	}
}

.fl-post-slider-content {
	background:var(--govchat-green);
}
a.fl-post-slider-feed-more {
    text-decoration: underline;
    font-size: 22px;
    margin-top: 0.5em;
    display: inline-block;
}

@media all and (min-width: 578px) {
  a.fl-post-slider-feed-more {
      font-size: 36px;

  }
}

@media all and (max-width: 578px) {
   .fl-post-slider .fl-photo-content {
    max-height: 210px;
    overflow: hidden;
  }
}


.fl-module-post-slider .bx-wrapper {
	margin: 0 auto;
}

.fl-module-post-slider .bx-wrapper .bx-pager {
	margin-bottom: 20px;
}

@media all and (min-width: 578px) {
	margin-bottom: 40px;
}

.fl-button-lightbox-content {
    border-radius: 10px;
}

.fl-button-lightbox-content .mfp-close {
    margin-top: 15px;
    font-size: 3.5em;
    margin-right: 15px;
}

.fl-button-lightbox-content .fl-button {
	border-radius: 10px;
	margin-top: 2em;
  font-size: 22px;
}

.fl-button-lightbox-content .fl-button .fl-button-text {
	color: #ffffff;

}

.fl-builder-content[data-type="header"].fl-theme-builder-header-shrink img {
	max-height: initial !important
}

/*USE CASES*/
.use-cases-slider .fl-post-slider-content {
	min-height: 375px;
}
.fl-post-feed-post.usecases {
	margin-bottom:0px;
}

.use-case-list-post-wrapper {
    position: relative;
	padding-bottom: 250px;
}

.use-case-list-post-wrapper .fl-post-image {
  max-height: 500px;
  overflow: hidden;
	text-align:center;
}

@media (min-width: 1400px) {
  .use-case-list-post-wrapper .fl-post-image {
    max-height: 800px;
  }
}


.use-case-list-post-wrapper .fl-post-image img {
	width: 100%;
}

.use-case-list-post-wrapper .fl-post-text {
    position: absolute;
    z-index: 1;
    bottom: 0px;
    width: 100%;
    text-align: center;
    height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
	text-align: center;
}

.use-case-list-post-wrapper .fl-post-text:after {
    content: ' ';
    width: 100%;
    height: 100%;
    background: rgb(0,183,79, 1);
    z-index: -1;
    top: 0;
    position: absolute;
    left: 0;
		bottom: 0;
	  right: 0;
}

.use-case-list-post-wrapper .fl-post-excerpt {
	color: #ffffff;
	max-width: 750px;
	margin: 0 auto 0px;
	font-size: 20px;
}

.use-case-list-post-wrapper h2.fl-post-title {
	color: #ffffff;
  font-size: 32px;
	line-height: 1.2em;
	max-width: 750px;
	margin: 0 auto;
}

.use-case-list-post-wrapper h2.fl-post-title a {
	color: #ffffff;
}

.use-case-list-post-wrapper .fl-post-more-link {
	margin-top: 50px;
}

@media (max-width: 768px){
	.use-case-list-post-wrapper .fl-post-more-link {
		margin-top: 30px;
		margin-bottom: 20px;
	}
	.use-case-list-post-wrapper .fl-post-more-link a {
		padding: 0;
	}
}

.use-case-list-post-wrapper .fl-post-more-link a {
	  color: #fff;
    font-family: "Nunito Sans",sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1em;
    text-transform: none;
    border-style: solid;
    border-width: 2px;
	  border-color: color: #ffffff;;
    border-radius: 10px;
    padding: 12px 24px;
	  margin-top: 25px;
}

.use-case-list-post-wrapper .fl-post-more-link a:hover {
	text-decoration:none;
	background-color : var(--govchat-green);
}

.use-cases-slider .fl-post-slider-feed-more {
		  color: #fff;
    font-family: "Nunito Sans",sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1em;
    text-transform: none;
    border-style: solid;
    border-width: 2px;
	  border-color: color: #ffffff;;
    border-radius: 10px;
    padding: 12px 24px;
	  margin-top: 25px;
	 text-decoration: none;
}

@media (max-width: 768px){
	.use-case-list-post-wrapper .fl-post-text {
		font-size:14px
	}
	.use-case-list-post-wrapper .fl-post-text h2 {

		font-size: 26px
	}
}

.single-usecases .wp-block-media-text__content {
    align-self: normal;
	  padding-top: 30px;
}

.single-usecases .wp-block-media-text {
	    grid-template-columns: 45% 1fr;
}

.wp-block-media-text.has-media-on-the-right {
	grid-template-columns: 1fr 45%;
}

@media (max-width: 768px){
.single-usecases .is-stacked-on-mobile {
    display: flex;
    flex-direction: column-reverse;
    text-align: center;
}
}

/* Benefits Carousel */

.benefits-carousel h2 {
    text-transform: none;
    font-size: 50px;
	font-weight:bold !important;
	line-height: 1.25em;
}
.benefits-carousel h3 {
    text-transform: none;
	font-weight:bold !important;
    font-size: 42px;
	line-height: 1em;
}

.partner-logos .fl-node-content {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.fl-post-slider-svg-container, .fl-content-slider-svg-container {
	width: 60px !important;
	height: 60px !important;
}

@media (max-width: 768px){
.fl-post-slider-svg-container, .fl-content-slider-svg-container {
	width: 40px !important;
	height: 40px !important;
}
}

.fl-post-slider-svg-container svg, .fl-content-slider-navigation svg, .fl-content-slider-svg-container svg {
	filter: invert(56%) sepia(83%) saturate(3861%) hue-rotate(
116deg
) brightness(95%) contrast(104%);
}

.slides-bg-bottom .fl-content-slider .fl-slide-bg-photo {
  background-position-y: bottom;
}

ul.govchat-green-text {
	color: #00b74f;
	padding: 0;
}

.govchat-now-cta .fl-button-wrap {
	text-align: center !important;
}

.govchat-now-cta a.fl-button {
    margin: 2em auto 0;
    display: flex;
    width: 98%;
    align-items: center;
    justify-content: flex-start;
    padding: 12px 25px !important;
}

.govchat-now-cta a.fl-button .fl-button-text {
    color: #ffffff;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
}


.govchat-now-cta i.fl-button-icon {
    font-size: 36px !important;
    margin-right: 20px;
}

.govchat-now-cta.govchat-pwa-icon-wrapper i:before {
    content: ' ';
    display: inline-block;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjI1IDMwIDI1MCAyNDAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDp0cmFuc3BhcmVudDt9LmNscy0ye2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTQxLjExLDEwMy4xNGMtNy43OCwwLTE0LjIsMi4zOC0xOS4wOSw3cy03LjMyLDExLjU3LTcuMzIsMjAuNTQsMi40NiwxNS44OCw3LjMyLDIwLjUzLDExLjE5LDcuMDUsMTkuMDksNy4wNUEyNi4yNiwyNi4yNiwwLDAsMCwxNTQsMTU1LjIyYTQ3LjY2LDQ3LjY2LDAsMCwwLDEwLjUxLTguMVYxMTQuMzRhNDcuNjYsNDcuNjYsMCwwLDAtMTAuNTEtOC4xQTI2LjIxLDI2LjIxLDAsMCwwLDE0MS4xMSwxMDMuMTRaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTgyLjYyLDM1LjMxSDExMS4wOWE4Mi4xNyw4Mi4xNywwLDAsMC04Mi4xNyw4Mi4xN3Y2NWE4Mi4xNyw4Mi4xNywwLDAsMCw4Mi4xNyw4Mi4xN0gxNDNhODIuMTksODIuMTksMCwwLDAsODEuNjQtNzIuNzV2MGMxLjQ3LTEzLjYzLDUuMzctMjUuNjcsMTEuNjctMzUuOSw4LjE3LTEzLjI5LDE4Ljc0LTIzLjQ0LDMxLjM5LTMwLjE3LDEuMTItLjU5LDIuMjUtMS4xMiwzLjM3LTEuNjd2LS4zOUE4OC40Niw4OC40NiwwLDAsMCwxODIuNjIsMzUuMzFabTEsMTM1LjEzYzAsMTQuNDQtMy41OSwyNS43Ny0xMC42NywzMy42NnMtMTcuNCwxMi0zMC40OCwxMmE4MS4yOCw4MS4yOCwwLDAsMS0yMC0yLjU2LDY2LjQyLDY2LjQyLDAsMCwxLTE2LjY4LTYuMzcsOC4zMiw4LjMyLDAsMCwxLTQtNy41Myw4LjcxLDguNzEsMCwwLDEsMi40My02LjA3LDguMDgsOC4wOCwwLDAsMSw2LjE4LTIuNzEsMTAuMiwxMC4yLDAsMCwxLDMuNzMuOEE1OS4yOCw1OS4yOCwwLDAsMCwxNDEsMTk3Ljg2YzE1Ljg2LDAsMjMuNTgtOC4yNiwyMy41OC0yNS4yNVYxNjZhMzkuMTMsMzkuMTMsMCwwLDEtMjYuNTksMTAsNDIuMjUsNDIuMjUsMCwwLDEtMjAtNS4xNSw0MS43OCw0MS43OCwwLDAsMS0xNi0xNS4zOGMtNC4xOC02Ljc5LTYuMy0xNS4xMy02LjMtMjQuNzlzMi4xMi0xOCw2LjMtMjQuOGE0MS45Miw0MS45MiwwLDAsMSwxNi0xNS4zOCw0Mi4zOCw0Mi4zOCwwLDAsMSwyMC01LjE0LDM5LjEyLDM5LjEyLDAsMCwxLDI2LjU5LDEwLDkuNDcsOS40NywwLDAsMSwyLjcxLTYuMzVBOSw5LDAsMCwxLDE3NCw4Ni4yNGE5LjYzLDkuNjMsMCwwLDEsOS42Miw5LjYyWiIvPjwvc3ZnPg==);
}

.pdf-download-button .fl-button .fl-button-text {
    min-width: 10px;
    width: auto;
    padding: 10px;
}

.vlp-link-image-container {
    margin: 10px;
    position: absolute;
}

.vlp-link-container  {
	padding: 25px 25px 50px;
	margin-bottom: 50px !important;
}

.vlp-link-text-container {
	overflow: hidden;
}

.vlp-link-title {
	line-height: 1.25em !important;
	margin: 0 auto;
	color: #fff;
	padding: 10px 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 130px;
	margin-left: 150px;
}

.vlp-link-summary {
	padding: 0 15px;
}

.vlp-link-container .vlp-link-summary:after {
    content: "View story...";
    display: block;
    bottom: 0px;
    color: #00b74f;
	font-size: 18px;
    font-weight: bold;
    left: 0;
	margin-top: 15px;
}

@media (max-width: 768px){

.vlp-link-image-container {
	display: block;
	max-width: 125px !important
}

.vlp-link-title {
	line-height: 1em;
		font-size: 18px !important;
		height: 120px;
	margin-left: 125px;
}

}