/*!
Theme Name: US Sugar
Theme URI: http://underscores.me/
Author: 2TON
Author URI: https://www.2ton.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: us-sugar
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

US Sugar is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@import 'https://www.ussugar.com/wp-content/themes/us-sugar/css/fonts.css';
@import 'https://www.ussugar.com/wp-content/themes/us-sugar/css/variables.css';
@import 'https://www.ussugar.com/wp-content/themes/us-sugar/css/normalize.css';
@import 'https://www.ussugar.com/wp-content/themes/us-sugar/css/animate.min.css';


body, html {
  font-family: var(--font-text);
  color: var(--text-black);
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
  width: 100%;
}

h1, .h1 {
  font-family: var(--font-heading);
  font-size: 112px;
  font-weight: normal;
} 

h2, .h2 {
  font-family: var(--font-heading);
  font-size: 64px;
  font-weight: normal;
} 

h3, .h3 {
  font-family: var(--font-heading);
  font-size: 36px;
  font-weight: normal;
} 

h4, .h4 {
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: normal;
} 

p, .p {
  font-family: var(--font-text);
  font-size: 16px;
} 

.text-blue,
.text-yellow,
.text-alt {
  color: var(--text-light-yellow)!important;
}

.text-orange {
  color: var(--orange)!important;
}

.text-green {
  color: var(--green)!important;
}

.button {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 2px;
  text-align: center;
  padding: 45px 75px;
  text-decoration: none;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  display: inline-block;
}

.button.orange {
  color: white;
  background: var(--orange);
}

.button.orange-op {
  color: white;
  background: var(--orange-op);
}

.test {
  font-size: 16px;
}

.button.orange-op:hover {
  background: rgba(51, 51, 51, 0.9);
}

@media all and (max-width: 1200px) {
  h1, .h1 {
    font-size: 90px;
  }
  
  h2, .h2 {
    font-size: 60px;
  }
  
  h3, .h3 {
    font-size: 30px;
  }

  .button {
    padding: 30px 50px;
  }
}

@media all and (max-width: 991px) {
  h1, .h1 {
    font-size: 60px;
  }
  
  h2, .h2 {
    font-size: 56px;
  }
  
  h3, .h3 {
    font-size: 28px;
  }

  .button {
    font-size: 16px;
    padding: 20px 30px;
  }
}

@media all and (max-width: 768px) {
  h1, .h1 {
    font-size: 60px;
  }
  
  h2, .h2 {
    font-size: 40px;
  }
  
  h3, .h3 {
    font-size: 26px;
  }
  
  h4, .h4 {
    font-size: 18px;
  }

  .button {
    padding: 16px 16px;
  }

  .green-background-mobile {
    background: var(--green);
  }
  
  .green-background-mobile .fl-row-content-wrap {
    background-image: none!important;
  }

  br {
    display: none;
  }
}

@media all and (max-width: 600px) {
  h1, .h1 {
    font-size: 32px;
  }

  h2, .h2 {
    font-size: 30px;
  }

  .modalpopup-overlay .uabb-close-custom-top-right {
    top: 15px;
    right: 15px;
  }
}

/* Global Slider */
body .swiper-pagination-bullet,
body .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, 
body .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  background: white;
  opacity: 1;
  width: 5px;
  height: 5px;
  position: relative;
  display: inline-block;
  -webkit-transition: background 300ms ease;
  transition: background 300ms ease;
  margin: 0 10px;
}

body .swiper-pagination-bullet:hover {
  background: var(--orange);
  animation: heartBeat;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

body .swiper-pagination-bullet.swiper-pagination-bullet-active,
body .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.active, 
body .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.active,
body .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:hover {
  background: var(--orange)!important;
}

body .swiper-pagination-bullet.swiper-pagination-bullet-active:after,
body .swiper-pagination-bullet:hover:after {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 22px;
  height: 22px;
  border: solid 2px rgba(237, 139, 0, 0.6);
  border-radius: 50%;
}

body .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 13px;
}

body .swiper-button-next::after, 
body .swiper-button-prev::after {
  font-size: 16px;
}

.swiper-container {
  width: 100%;
  position: relative;
}

body .swiper-button-prev,
body .swiper-button-next {
  color: #3a3a3a;
  border: 2px solid rgba(237, 139, 0, 0.6);
  width: 52px;
  height: 52px;
  padding: 10px;
  opacity: 1;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
}

body .swiper-button-next:hover,
body .swiper-button-prev:hover {
  opacity: 0.7;
  background: white;
  color: var(--orange)!important;
}

body .swiper-button-prev.light,
body .swiper-button-next.light {
  color: white;
}

body .swiper-button-prev.light-border,
body .swiper-button-next.light-border {
  border-color: white;
}

body .swiper-button-prev.smaller,
body .swiper-button-next.smaller {
  width: 42px;
  height: 42px;
}

/* Homepage Slider */
.homepage-slider-wrapper {
  z-index: 100;
  position: relative;
}

.green-background-mobile.fl-node-60bf731508378 {
	z-index: -1;
	position: relative;
}

.homepage-slider-wrapper .swiper-slide {
  background: #333;
  background-size: cover!important;
  background-repeat: no-repeat!important;
  background-position: center!important;
  width: 90%;
  height: 0;
  padding-bottom: 47.5%;
  transition: opacity 300ms ease;
  -webkit-transition: opacity 300ms ease;
  position: relative;
  z-index: 100;
}

.homepage-slider-wrapper .swiper-container {
  opacity: 0;
  transition: opacity 300ms ease;
  -webkit-transition: opacity 300ms ease;
}

.homepage-slider-wrapper .swiper-initialized.swiper-container {
  opacity: 1;
}

.homepage-slider-wrapper .carousel .swiper-slide:not(.swiper-slide-active) {
  opacity: 0.4;
}

.homepage-slider-wrapper .inner-video {
	position: absolute;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.homepage-slider-wrapper .inner-content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  z-index: 2;
  text-align: center;
  color: white;
}

.homepage-slider-wrapper .inner-content .h1 {
  line-height: 1;
  margin: 0 0 46px;
}

.homepage-slider-wrapper .inner-content .small {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 3.43px;
  text-align: center;
  text-transform: uppercase;
  color: var(--orange);
  margin-bottom: 20px;
  display: block;
}

.homepage-slider-wrapper .swiper-horizontal > .swiper-pagination-bullets {
  bottom: 12%;
}

body .fancybox-close-small {
  color: white!important;
}

@media all and (max-width: 1200px) {
  .homepage-slider-wrapper .swiper-horizontal > .swiper-pagination-bullets {
    bottom: 10%;
  }
}

@media all and (max-width: 991px) {
  .homepage-slider-wrapper .inner-content .h1 {
    margin: 0 0 40px;
  }
}

@media all and (max-width: 768px) {
  .homepage-slider-wrapper .swiper-slide {
    padding-bottom: 130%;
  }

  .homepage-slider-wrapper .inner-content .h1 {
    font-size: 33.6px;
  }

  .homepage-slider-wrapper .inner-content {
    padding: 0 10px;
  }

  .homepage-slider-wrapper .inner-content .small {
    display: none;
  }

  body .swiper-button-prev.smaller,
  body .swiper-button-prev:not(.together) {
    left: 0!important;
    height: 60px;
    width: 30px;
  }

  body .swiper-button-next.smaller,
  body .swiper-button-next:not(.together) {
    right: 0!important;
    height: 60px;
    width: 30px;
  }
}

/* Three-Wide Callouts */
.callouts {
  height: 0;
  padding: 0 0 100%;
  position: relative;
  display: block;
}

.callouts .inner {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  background-position: center;
  background-size: cover;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
}

.callouts .inner:hover {
  transform: scale(1.05);
}

.callouts .inner:after{
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 80%;
  opacity: 0.35;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  display: block;
  z-index: 1;
}

.callouts .inner:hover:after {
  height: 100%;
  opacity: 0.5;
}

.callouts .inner .text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
  width: 100%;
}

.callouts .inner .text h3 {
	background: var(--orange);
	color: white;
	font-size: 26px;
	letter-spacing: 0.5px;
	margin: 0;
	display: flex;
	padding: 35px 30px;
	width: 70%;
	line-height: 1;
  max-height: 130px;
  height: 130px;
  min-height: 130px;
	align-content: center;
	align-items: center;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  bottom: 0;
  position: relative;
}

.callouts .inner:hover h3 {
	position: absolute;
	width: 100%;
	height: 100%;
  max-height: 1000px;
	background: #ed8a00be;
  text-align: center;
  justify-content: center;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
}

.callouts .inner .text .img {
  width: 30%;
  text-align: center;
  transition: opacity 300ms ease;
}

.callouts .inner .text img {
  width: 30px;
  text-align: center;
}

.callouts .inner:hover .text .img {
  opacity: 0;
  width: 0;
}

/* Theme Misc Helpers */
html.uabb-html-modal {
	overflow: hidden !important;
  overflow-y: hidden!important;
}

header.fl-builder-content[data-overlay="1"] {
  z-index: 1000!important;
}

.play {
  display: inline-block;
}

.play:hover {
  animation: pulse 1s infinite;
  -webkit-animation: pulse 1s infinite;
}

.photomovewrapper img {
  position: relative;
}

body .fancybox-content {
  background-color: #333;
}

.text-button {
  font-size: 21.5px;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
}

.text-button.white {
  color: white!important;
}

.text-button.white:hover {
  color: var(--orange)!important;
}

.text-button.orange {
  color: var(--orange)!important;
  opacity: 1;
}

.text-button.orange:hover {
  color: white!important;
}


/* Homepage Helpers */
.offset-left .fl-row-content-wrap .fl-row-content h2 {
	z-index: 2;
	position: relative;
}

.offset-right.white {
  background-image: radial-gradient(circle at 0 100%, #052f27, #021511 45%);
}

.offset-right .fl-row-content-wrap {
    background-color: white;
}

.offset-right.about {
	background: #f8f9fb;
}

.offset-right .fl-row-content-wrap {
  margin-left: 100px;
  margin-bottom: 100px;
  margin-top: -100px;
}

.offset-right.no-offset-top .fl-row-content-wrap {
  margin-top: 0;
}

.offset-right .fl-col-group-equal-height {
  margin-left: -100px;
  width: calc(100% + 100px);
}

.offset-right.about .fl-row-content-wrap {
  background-image: url('https://www.ussugar.com/wp-content/uploads/2021/10/about-us-bg@2x-scaled1.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.offset-right.grass .fl-row-content-wrap {
  background-image: url('https://www.ussugar.com/wp-content/uploads/2021/10/about-us-bg@2x-scaled1.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.offset-left .fl-row-content-wrap .fl-row-content {
	height:100%;
}

.offset-left .fl-row-content-wrap .fl-row-content::after {
	content: " ";
	position: absolute;
	/* z-index:10; */
	top: -100px;
	width: 70%;
	height: 90%;
	background-color: var(--green);
	background-color:#035642 !important;
	left: 0;
	background-image: url('https://www.ussugar.com/wp-content/themes/us-sugar/img/sugarcane-illustration-2.png');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left top;

	display:flex !important;
}

.icon-text p {
  font-family: var(--font-heading);
}

.icon-text .large {
  font-size: 83px;
  line-height: 1;
}

.icon-text.green .large {
  color: #719d34;
}

.icon-text.orange .large {
  color: var(--orange);
}

.icon-text.yellow .large {
  color: #ffc600;
}

.icon-text .med {
  font-size: 44px;
  line-height: 1;
}

.icon-text.green .med {
  color: var(--green);
}

.icon-text.orange .med {
  color: #fca71f;
}

.icon-text.yellow .med {
  color: var(--orange);
}

.icon-text .sm {
  font-size: 22px;
  line-height: 1;
}

.icon-text.green .sm {
  color: #719d34;
}

.icon-text.orange .sm {
  color: var(--orange);
}

.icon-text.yellow .sm {
  color: #ffc600;
}

.icon-image {
	width: 253px;
	height: 253px;
	border: 1px solid #719d34;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin: auto;
	background: white;
}

.icon-image.orange {
    border-color: #fca71f;
}

.icon-image.yellow {
    border-color: #ffc600;
}

@media all and (max-width: 991px) {
  .offset-right .fl-row-content-wrap {
    margin-left: 70px;
    margin-bottom: 70px;
    margin-top: -70px;
  }
  
  .offset-right .fl-col-group-equal-height {
    margin-left: -70px;
    width: calc(100% + 70px);
  }
  
  .offset-left .fl-row-content-wrap .fl-row-content::after {
      top: -70px;
  }

  .callouts .inner .text .img {
    display: none;
  }

  .callouts .inner .text h3 {
    width: 100%;
  }
}

@media all and (max-width: 768px) {
  .offset-right .fl-row-content-wrap {
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  
  .offset-right .fl-col-group-equal-height {
    margin-left: 0px;
    width: 100%;
  }
  
  .offset-left .fl-row-content-wrap .fl-row-content {
    position: relative;
  }

  .offset-left .fl-row-content-wrap .fl-row-content::after {
    top: 0px;
    width: 100%;
    min-height: 100vh;
    height: 100%;
    background-size: cover;
    left: 0;
    margin: 0;
  }

  .callouts .inner .text .img {
    display: inline-block;
  }

  .callouts .inner:not(:hover) .text h3 {
    width: 70%;
  }
}

/* News And Video Sliders */
.single-video h3 {
	color: white;
	margin: 80px 0 0;
	text-align: right;
	font-size: 26px;
	padding-right: 80px;
	font-weight: normal;
}

.video-icon {
	position: absolute;
	width: 78px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.video-thumb {
	position: relative;
}

.video-thumb img:not(.video-icon) {
	width: 100%;
}

.video-cpt-slider .swiper-button-prev {
	bottom: 0;
	top: auto;
  color: white;
}

.video-cpt-slider .swiper-button-next {
	bottom: 0;
	top: auto;
	right: auto;
	left: 65px;
  color: white;
  margin-left: -4px;
}

@media all and (max-width: 768px) {
  .single-video h3 {
    margin-top: 10px;
    margin-bottom: 69px;
    text-align: center;
    padding-right: 0;
  }

  .video-cpt-slider .swiper-button-prev {
    right: calc(50% + 4px);
    left: auto;
  }

  .video-cpt-slider .swiper-button-next {
    left: 50%;
    color: white;
    margin-left: -4px;
  }
}

.single-post-box > a {
  border: 2px solid white;
  display: block;
  position: relative;
  overflow: hidden;
}

.single-post-box .thumb {
  position: relative;
  display: block;
  font-size: 0;
  overflow: hidden;
  height: 0;
  padding: 0 0 75%;
}

.single-post-box .thumb .plus-icon {
  background: white;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-out;
}

.single-post-box > a .thumb > span > img {
  transition: all 0.3s ease-out;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.single-post-box .thumb .plus-icon img {
  width: 20px;
}

.single-post-box .info {
  padding-top: 30px;
}

.single-post-box .info h3 {
  font-size: 24.2px;
  font-family: var(--font-text);
  font-weight: normal;
  color: #3a3a3a;
  margin: 0;
  transition: all 300ms ease;
}

.single-post-box .info p {
  margin: 0;
  color: #aaaaaa;
  font-size: 18.8px;
  text-transform: uppercase;
}

.news-cpt-slider {
	padding-bottom: 80px!important;
}

.news-cpt-slider .vw {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin-left: -200px;
}

.news-cpt-slider .swiper-button-next {
  top: auto;
  bottom: 0;
  left: calc(50% + 26px);
  transform: translateX(-50%);
}

.news-cpt-slider .swiper-button-prev {
  bottom: 0;
  top: auto;
  left: calc(50% - 25px);
  transform: translateX(-50%);
}

.news-cpt-slider .swiper-slide {
  transition: opacity 300ms ease;
  -webkit-transition: opacity 300ms ease;
}

.single-post-box > a:hover {
  /* border: 2px solid var(--orange); */
  /* box-shadow: 0px 0px 999px 999px rgba(255, 255, 255, 0.5); */
  z-index: 100;
  /* box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2); */
}

.single-post-box > a:hover .thumb > span > img {
  transform: scale(1.05);
}

.single-post-box > a:hover .plus-icon {
  width: 100%;
  height: 100%;
  opacity: 0.5;
  /* background: var(--orange); */
}

.single-post-box > a:hover .info h3 {
  color: var(--orange);
}

.news-cpt-slider .single-post-box {
  opacity: 0;
  background-color: white;
}

.news-cpt-slider.swiper-initialized .single-post-box {
  opacity: 1;
}

.swiper-slide.single-post-box.swiper-slide-duplicate-prev {
	opacity: 0.3;
}

@media all and (max-width: 768px) {
  .news-cpt-slider .vw {
    margin-left: 0;
  }

  .single-post-box .info {
    padding: 20px;
  }

   /* body .news-cpt-slider .swiper-button-prev, body .news-cpt-slider .swiper-button-next {
     color: white;
   } */
}

/* Main Menu */
.fl-module-menu nav > ul.fl-menu-expanded {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.fl-module-menu nav > ul.fl-menu-expanded:before,
.fl-module-menu nav > ul.fl-menu-expanded > li::marker {
  display: none;
}

.fl-module-menu nav > ul.fl-menu-expanded > li {
  width: 30%;
  margin-bottom: 30px;
}

.fl-module-menu nav > ul.fl-menu-expanded:after {
  content: "";
  display: block;
  width: 30%;
}

.fl-module-menu nav > ul > li a {
  font-family: var(--font-heading)!important;
}

.fl-module-menu nav ul.sub-menu {
  min-width: 0!important;
}

ul.fl-menu-accordion ul.sub-menu li,
.fl-module-menu nav > ul.fl-menu-expanded > li ul li {
  line-height: 2;
  padding: 7px 0;
}

.fl-module-menu nav > ul.fl-menu-expanded > li a {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.3;
  letter-spacing: 0.8px;
  color: #ffffff;
}

.fl-module-menu nav > ul.fl-menu-expanded > li ul a,
ul.fl-menu-accordion ul.sub-menu li a {
  font-family: var(--font-text)!important;
  font-size: 16px!important;
  font-weight: normal;
  line-height: 1.3;
  letter-spacing: 0.5px;
  color: #bfbfbf;
}

.fl-module-menu nav > ul.fl-menu-expanded > li a:hover,
.fl-module-menu nav > ul.fl-menu-expanded > li ul a:hover,
ul.fl-menu-accordion ul.sub-menu li a:hover {
  text-decoration: underline;
}

.min-fullheight, .min-fullheight > .fl-col-content {
  min-height: 100vh;
}

.min-fullheight > .fl-col-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.uabb-modal.uabb-modal-scroll .uabb-modal-content-data {
  margin-top: 0!important;
  margin-bottom: 0!important;
}

.uabb-modal.uabb-modal-scroll .uabb-modal-content-data > p {
	display: none;
}

.uabb-modal.uabb-modal-scroll,
.uabb-html-modal {
  overflow-y: auto!important;
}

@media all and (max-width: 991px) {
  .fl-module-menu nav > ul.fl-menu-expanded > li {
    width: 50%;
    margin-bottom: 20px;
  }
}

@media all and (max-width: 768px) {
  .modalpopup-overlay .min-fullheight,
  .modalpopup-overlay .min-fullheight > .fl-col-content {
    height: auto;
  }
}

#gform_1 {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #f8f9fb1c;
  padding-bottom: 20px;
  position: relative;
}

#gform_1 .gform_footer.top_label {
  margin: 0;
  padding: 0;
}

#gform_1 input[type="submit"] {
  background: transparent;
  margin-bottom: 0;
  color: white;
  font-size: 16px;
  letter-spacing: 2px;
  font-weight: normal;
  border: 1px solid rgba(237, 139, 0, 0.6);
  border-radius: 0;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  cursor: pointer;
}

#gform_1 input[type="submit"]:hover {
  background: var(--orange);
}

#gform_1 .validation_message {
  background: transparent;
  border: none;
  color: red;
  padding: 0;
  position: absolute;
  bottom: -30px;
}

#gform_1 input[type="text"] {
  background: none;
  border: none;
  font-size: 21px;
  color: white;
}

.news-cpt-archive-wrapper {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}

.news-cpt-archive-wrapper .single-post-box {
  width: calc(33.334% - 20px);
}

.news-cpt-archive-wrapper .single-post-box {
  margin-bottom: 40px;
}

.news-cpt-archive .terms {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-bottom: 40px;
}

.news-cpt-archive .mobile-terms {
  display: none;
}

.news-cpt-archive .terms a {
  color: var(--orange);
  border: 1px solid var(--orange);
	padding: 20px 34px;
	font-weight: 600;
	text-transform: uppercase;
  display: block;
  margin: 0 5px;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
}

.news-cpt-archive .terms a.active,
.news-cpt-archive .terms a:hover {
  color: #fff;
  background: var(--orange);
}

.next.page-numbers,
.prev.page-numbers {
	border: 1px solid rgba(237, 139, 0, 0.6);
	display: inline-block;
	width: 52px;
	height: 52px;
	text-align: center;
	line-height: 52px;
}

.next.page-numbers img,
.prev.page-numbers img {
	width: 9px;
}

.pagination {
	text-align: center;
}

.page-numbers,
.page-numbers:visited {
	color: #3a3a3a;
	font-weight: bold;
	margin: 0 10px;
}

.page-numbers.current {
  color: var(--orange);
}

.video-archive-wrapper {
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.video-archive-wrapper .single-video {
  width: calc(33% - 20px);
  margin-bottom: 30px;
}

.video-archive-wrapper .single-video h3 {
	color: #3a3a3a;
	margin-top: 0;
  margin-bottom: 0;
	padding: 0;
	text-align: center;
}

@media all and (max-width: 991px) {
  .news-cpt-archive-wrapper .single-post-box {
    width: calc(50% - 20px);
  }
  
  .news-cpt-archive-wrapper .single-post-box {
    margin-bottom: 30px;
  }

  .news-cpt-archive .terms {
    display: none;
  }

  .news-cpt-archive .mobile-terms {
    display: block;
  }

  .news-cpt-archive .mobile-terms h3 {
    margin-bottom: 0;
  }

  .news-cpt-archive .mobile-terms select {
    width: 100%;
    margin-bottom: 40px;
    font-size: 25px;
    border-color: var(--orange);
    padding: 10px;
  }
}

@media all and (max-width: 768px) {
  .video-archive-wrapper .single-video {
    width: calc(50% - 20px);
  }

  .uabb-modal.uabb-modal-scroll {
    padding-top: 50px;
  }

  .current-menu-item {
    color: #ed8b00 !important;
  }

}

@media all and (max-width: 600px) {
  .news-cpt-archive-wrapper .single-post-box,
  .video-archive-wrapper .single-video {
    width: 100%;
  }
  
  .news-cpt-archive-wrapper .single-post-box {
    margin-bottom: 20px;
  }
}

.header-gradient-after {
  background-image: radial-gradient(at right top, #035642 1%, #021511 100%);
}

.header-gradient-after,
.header-gradient-after .fl-row-content-wrap,
.header-gradient-after > .fl-row-content-wrap > div {
  position: relative;
  z-index: 2;
}

.header-gradient-after .fl-row-content-wrap:after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.9;
  background-image: radial-gradient(at right top, #035642 1%, #021511 100%);
}

.featured-image {
  width: 100%;
}

.fl-button-icon.fl-button-icon-after.dashicons.dashicons-before.dashicons-arrow-right-alt::before {
	line-height: 1;
	display: flex;
  margin-left: 10px;
}

.fl-button-has-icon .fl-button,
.text-button {
  display: flex !important;
  align-items: center;
}

.fl-builder-content .fl-button i.fl-button-icon-after.dashicons-arrow-right-alt {
  margin-left: 0;
}

.fl-button-center.fl-button-has-icon .fl-button {
	justify-content: center;
}

.fl-button-has-icon .fl-button span {
	transition: color .1s ease-in;
}