/*
Theme Name: Nations One
Description: Nations One for Christ
Author: FUEL
Author URI: https://fuelbranding.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/***** DECLARE CUSTOM FONTS *****/

@font-face {
 font-family: 'Antic Slab';
 src: url('fonts/LehighCommercial-SemiBold.eot');
 src: url('fonts/LehighCommercial-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 	url('fonts/LehighCommercial-SemiBold.otf')  format('opentype'),
 	url('fonts/LehighCommercial-SemiBold.woff') format('woff'), /* Modern Browser */
	url('fonts/LehighCommercial-SemiBold.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/LehighCommercial-SemiBold.svg#svgFontName') format('svg'); /* Ältere iOS-Geräte */
}

@font-face {
  font-family: 'LehighCommercial-SemiBold';
  src: url('fonts/LehighCommercial-SemiBold.eot?#iefix') format('embedded-opentype'),
  	url('fonts/LehighCommercial-SemiBold.otf')  format('opentype'),
		url('fonts/LehighCommercial-SemiBold.woff') format('woff'),
		url('fonts/LehighCommercial-SemiBold.ttf')  format('truetype'),
		url('fonts/LehighCommercial-SemiBold.svg#LehighCommercial-SemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {font-family: 'BrandonGrotesqueWeb-BoldItalic';
	src: url('fonts/BrandonGrotesqueWeb-BoldItalic.eot');
	src: url('fonts/BrandonGrotesqueWeb-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('fonts/BrandonGrotesqueWeb-BoldItalic.woff2') format('woff2'),
		url('fonts/BrandonGrotesqueWeb-BoldItalic.woff') format('woff'),
		url('fonts/BrandonGrotesqueWeb-BoldItalic.ttf') format('truetype');
}
 
  
@font-face {font-family: 'BrandonGrotesqueWeb-Bold';
	src: url('fonts/BrandonGrotesqueWeb-Bold.eot');
	src: url('fonts/BrandonGrotesqueWeb-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/BrandonGrotesqueWeb-Bold.woff2') format('woff2'),
		url('fonts/BrandonGrotesqueWeb-Bold.woff') format('woff'),
		url('fonts/BrandonGrotesqueWeb-Bold.ttf') format('truetype');
}
 
  
@font-face {font-family: 'BrandonGrotesqueWeb-Regular';
	src: url('fonts/BrandonGrotesqueWeb-Regular.eot');
	src: url('fonts/BrandonGrotesqueWeb-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/BrandonGrotesqueWeb-Regular.woff2') format('woff2'),
		url('fonts/BrandonGrotesqueWeb-Regular.woff') format('woff'),
		url('fonts/BrandonGrotesqueWeb-Regular.ttf') format('truetype');
}
 
  
@font-face {font-family: 'BrandonGrotesqueWeb-Italic';
	src: url('fonts/BrandonGrotesqueWeb-Italic.eot');
	src: url('fonts/BrandonGrotesqueWeb-Italic.eot?#iefix') format('embedded-opentype'),
		url('fonts/BrandonGrotesqueWeb-Italic.woff2') format('woff2'),
		url('fonts/BrandonGrotesqueWeb-Italic.woff') format('woff'),
		url('fonts/BrandonGrotesqueWeb-Italic.ttf') format('truetype');
}

/*** BEGIN HEADER STYLING ***/

/* Bump main menu items down from the top of the header. */

nav.fusion-main-menu {
	margin-top: 50px;
/* 	margin-right: 2%; */
}

/*  Make line under active/hovered menu items instead of above them.
	Also set line to a color possibly different than active/hovered menu item itself (both are lumped together in the theme. */
	
.fusion-main-menu > ul > li > a {
	border-bottom: 3px solid transparent;
	border-top: none !important;
	height: 50px !important;
	line-height: 50px !important;
}
	
.fusion-main-menu > ul > li > a:hover, .fusion-main-menu > ul > li.current-menu-item > a {
	border-bottom: 3px solid #fbcf0b !important;
/* 	width: 80%; */
}

.fusion-header {
	opacity: 1;
	background-color: transparent !important;
	box-shadow: none !important;
}

/* This section makes the header sticky and bumps the later content down so it doesn't interfere with the header.  This replaces the sticky header option on the theme (which should be off), and avoids transparency flickering during page scrolling which happens at the switch between sticky and non-sticky states. */

	/* Fix the header in position */
	div.fusion-header-v1.fusion-logo-left.fusion-sticky-menu-.fusion-sticky-logo-.fusion-mobile-logo-1.fusion-mobile-menu-design-modern {
		position: fixed;
		width: 100%;
	}

	/* Bump content down so it doesn't disappear under the header. This is highly dependent on what the content actually is. */	
/*
	#sliders-container > main#main.clearfix.width-100, div#rev_slider_6_1_wrapper.rev_slider_wrapper.fullwidthbanner-container.avada-skin-rev.avada-skin-rev-nav {
		padding-top: 150px !important;
	}
*/
	
/* Put in the header background and set it so the rest of the page scrolls under it */

.fusion-header:after {
	content: "";
	background: url("../../uploads/header-background-image-wider_lighter.png");
	background-repeat: no-repeat;
	opacity: 1;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
}

.fusion-header .fusion-row {
	margin-bottom: -200px;
}

div.fusion-header.fusion-sticky-shadow {
	padding-bottom: 200px;
}

/* Style the mobile menu "hamburger" */

.fusion-mobile-menu-icons a, .fusion-mobile-menu-icons a:after, .fusion-mobile-menu-icons a:before {
	color: #7b6d4e !important;
}

/* Special styling for the "Listen" menu item */

.listen-menu-item {
	background-color: #f15d22;
	border-radius: 30px;
	height: 30px;
	width: 120px;
	padding-bottom: 50px !important;
}
.listen-menu-item a {
	color: #fbcf0b !important;
	padding: 0 20px;
	border-bottom: none !important;
}
.fusion-main-menu > ul > li.listen-menu-item > a:hover {
	border-bottom: none !important;
}

.listen-menu-item a:after {
	font-family: "fontawesome";
	content: "\f144";
	color: #fbcf0b;
	background-color: transparent;
	border-radius: 50%;
	margin-left: 15px;
/* 	border: 6px solid #fbcf0b; */
}


/*** END HEADER STYLING ***/


/***** BEGIN STYLING FOR THE OVERALL SITE *****/

/* html {
	background-image: url("../../uploads/paper-texture.jpg");
} */

.no-display {
	display: none;
}

body {
	font-family: 'BrandonGrotesqueWeb-Regular' !important;
/* 	font-weight: 600 !important; */
}

.bold-body-text {
	font-family: 'BrandonGrotesqueWeb-Bold' !important;
}

a.action-link {
	font-family: 'LehighCommercial-SemiBold' !important;
}

a.action-link:after {
	content: ' >';
	-webkit-transition: all 300ms 0s ease-in-out;
	transition: all 300ms 0s ease-in-out;
}

a.action-link:hover {
	text-decoration: none;
	color: inherit;
}

a.action-link:hover:after {
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}

.sticky-header-anchor {
 	display: inline-block;
 	position: relative;
 	top: -162px;
	visibility: hidden;
}

.nodisplay {
	display: none;
}

/*
h1, h2, h3, h4, h5, h6, .fusion-title h1, .fusion-title h2, .fusion-title h3, .fusion-title h4, .fusion-title h5, .fusion-title h6, .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
	font-family: 'LehighCommercial-SemiBold' !important;
}
*/


.two-column-text {
	-moz-column-count: 2;
	-moz-column-width: 400px;
	-moz-column-gap: 40px;
	-webkit-column-count: 2;
	-webkit-column-width: 400px;
	-webkit-column-gap: 40px;
	column-count: 2;
	column-width: 400px;
	column-gap: 40px;
	padding: 0 16% 60px 80px;
}

.pad-right {
	padding-right: 16%;
}

.fusion-slider-container {
	margin-top: 45px !important;
}

div#sliders-container {
	margin-top: 150px;
}
	
/* Assign the correct font to the content boxes */

.fusion-content-boxes {
	font-family: 'LehighCommercial-SemiBold';
}


/* Put curly double quotes around a "quote", but outdent the initial quote marks.  */

h2.quote:before {
	content: '\201C';
	margin-left: -20px;
}

h2.quote:after {
	content: '\201D';
}

.pulse {
  width: 10px;
  height: 10px;
  border: 5px solid #fbcf0b;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #fbcf0b;
  z-index: 10;
  position: absolute;
}


@-moz-keyframes pulse {
 0% {
    -moz-transform: scale(0);
    opacity: 0.0;
 }
 25% {
    -moz-transform: scale(0);
    opacity: 0.1;
 }
 50% {
    -moz-transform: scale(0.1);
    opacity: 0.3;
 }
 75% {
    -moz-transform: scale(0.5);
    opacity: 0.5;
 }
 100% {
    -moz-transform: scale(1);
    opacity: 0.0;
 }
}

@-webkit-keyframes "pulse" {
 0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
 }
 25% {
    -webkit-transform: scale(0);
    opacity: 0.1;
 }
 50% {
    -webkit-transform: scale(0.1);
    opacity: 0.3;
 }
 75% {
    -webkit-transform: scale(0.5);
    opacity: 0.5;
 }
 100% {
    -webkit-transform: scale(1);
    opacity: 0.0;
 }
}

a.learn-more-link {
	text-decoration: underline;
}

a.learn-more-link:hover {
	color: #8cbdb4;
}

.collapseomatic {
	background-image: none !important;
	font-family: "LehighCommercial-SemiBold";
	text-decoration: underline;
}

.collapseomatic_content {
	margin-left: 0;
}

/***** END STYLING FOR THE OVERALL SITE *****/


/***** BEGIN STYLING FOR THE HOME PAGE *****/

.home-slider-caption {
	font-family: "LehighCommercial-SemiBold";
	color: #009aad;
	font-size: larger !important;
	padding-right: 7%;
	line-height: 1.25 !important;
	float: right;
}

div.slide-content-container.slide-content-right {
	width: 90%;
	padding-bottom: 30%;
}

/* Style the testimonial boxes */

.testimonial-boxes-container .fusion-content-boxes.content-boxes-icon-boxed .content-container {
	padding: 40px 20px 0 20px;
}

.testimonial-boxes-container .fusion-content-boxes.content-boxes-icon-boxed .content-wrapper-boxed {
	border: 2px solid #fbcf0b;
}

.testimonial-boxes-container .fusion-content-boxes .heading img {
	border: 2px solid #fbcf0b;
	border-radius: 50%;
}

/*
div#rev_slider_6_1_forcefullwidth.forcefullwidth_wrapper_tp_banner {
	margin-bottom: 150px !important;
}
*/

/*
div#rev_slider_6_1.rev_slider.fullwidthabanner.revslider-initialised.tp-simpleresponsive.rev_redraw_on_blurfocus {
	padding-top: 150px !important;
}
*/

/* Get rid of shadows at top and bottom of sliders. */
div#rev_slider_6_1_wrapper.rev_slider_wrapper.fullwidthbanner-container.avada-skin-rev.avada-skin-rev-nav div.shadow-right,
div#rev_slider_6_1_wrapper.rev_slider_wrapper.fullwidthbanner-container.avada-skin-rev.avada-skin-rev-nav div.shadow-left {
	display: none;
}

a.home-learn-more-link {
	font-family: "BrandonGrotesqueWeb-Regular";
	font-size: 36px;
	text-decoration: none;
	color: #7b6d4e; 
	margin: 0 0 0 35% !important;
}

a.home-learn-more-link:hover {
	color: #009aad; 
}

/***** END STYLING FOR THE HOME PAGE *****/


/***** BEGIN STYLING FOR THE ABOUT PAGE *****/

/* Fiddle with the captions on the About page banner/sliders */

/*
div#fusion-slider-sc-about-slider-2 .slide-content-container .caption, span.about-slider2-quote {
	max-width: 42%;
	margin-left: 5%;
	margin-top: -10%;
}
*/

body .rev_slider .tp-caption {
	font-family: "LehighCommercial-SemiBold" !important;
}

/* span.about-slider-quote {
	font-family: LehighCommercial-SemiBold !important;
	font-size: 2.5rem !important;
	line-height: 3rem !important;
	color: #ffffff !important;
} */

span.about-slider-quote {
	font-size: 3rem !important;
	line-height: 3.5rem !important;
}

.about-slider-quote-attribution {
	font-family: "BrandonGrotesqueWeb-Regular" !important;
	font-size: 1.5rem !important;
	color: #7b6d4e;
}

/*
span.about-slider3-quote1 {
	max-width: 47%;
	float: left;
}
*/

span.about-slider2-quote:before, span.about-slider3-quote1:before, span.about-slider4-quote:before, span.about-slider5-quote:before,span.about-slider6-quote1:before {
	content: '\201C';
/* 	margin-left: -20px; */
}

span.about-slider3-quote2:before {
	content: '\2026';
/* 	margin-left: -20px; */
}

/*
span.about-slider3-quote2, span.about-slider6-quote2 {
	max-width: 42%;
	float: right;
	margin-top: 33%;
}
*/

span.about-slider3-quote-attribution {
	text-align: right;
	color: #8cbdb4;
}

/*
span.about-slider3-quote1, span.about-slider6-quote1 {
	max-width: 47%;
	float: left;
}
*/

/*
span.about-slider4-quote {
	max-width: 75%;
	float: right;
	padding-left: 33%;
	margin-top: -20%;
}
*/

span.about-slider4-quote-attribution, span.about-slider5-quote-attribution, span.about-slider6-quote-attribution {
	color: #ede8c9;
}

.about-tower-counter-section {
	font-family: LehighCommercial-SemiBold;
}

/* Style the content boxes for the visual navigation section */

#about-nav-boxes .content-container p {
	font-size: 24px;
	border-left: 3px solid #fbcf0b;
	padding-left: 10px;
}

#about-nav-boxes .content-box-column-first-in-row .content-container p {
	border-left: none;
}

div#about-nav-boxes .content-box-column .col .heading .image img {
	margin-bottom: 0;
	margin: 0 0 10px 10px !important;
}

.about-donate-header h2 {
	color: #ffffff !important;
	text-align: left;
	max-width: 60%;
	margin-left: 7%;
}

/* Set up large round donation button and give it a "ripple" animation */

a.fusion-button.button-flat.fusion-button-round.button-xlarge.button-custom.button-1.round-donate-button {
	color: #7b6d4e;
	text-transform: none;
	background-color: #fbcf0b;
	position: relative;
	padding: 60px 15px;
	font-size: 32px;
	height: 150px;
	width: 150px;
	top: 75px;
	left: 150px;
	font-weight: bold;
	border-radius: 50%;
	display: block;
	opacity: .9;
	margin-left: 7%;
	-webkit-transition:height .25s ease, width .25s ease;
	transition:height .25s ease, width .25s ease;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

a.fusion-button.button-flat.fusion-button-round.button-xlarge.button-custom.button-1.round-donate-button:hover {
	height: 140px;
	width: 140px;
}

a.fusion-button.button-flat.fusion-button-round.button-xlarge.button-custom.button-1.round-donate-button:before, a.fusion-button.button-flat.fusion-button-round.button-xlarge.button-custom.button-1.round-donate-button:after {
	content:'';
	display:block;
	position:absolute;
	top:0; right:0; bottom:0; left:0;
	border-radius:50%;
	border:5px solid #fbcf0b;
}

a.fusion-button.button-flat.fusion-button-round.button-xlarge.button-custom.button-1.round-donate-button:before {
	-webkit-animation: ripple 2s linear infinite;
	animation: ripple 2s linear infinite;
}

a.fusion-button.button-flat.fusion-button-round.button-xlarge.button-custom.button-1.round-donate-button:after {
	-webkit-animation: ripple 2s linear 1s infinite;
	animation: ripple 2s linear 1s infinite;
}

a.fusion-button.button-flat.fusion-button-round.button-xlarge.button-custom.button-1.round-donate-button:hover:before, a.fusion-button.button-flat.fusion-button-round.button-xlarge.button-custom.button-1.round-donate-button:hover:after {
	-webkit-animation: none;
	animation: none;
}

/* End large donate round donate button styling */

@-webkit-keyframes ripple{
  0% {-webkit-transform:scale(1); }
  75% {-webkit-transform:scale(1.5); opacity:1;}
  100% {-webkit-transform:scale(1.75); opacity:0;}
}

@keyframes ripple{
  0% {transform:scale(1); }
  75% {transform:scale(1.5); opacity:1;}
  100% {transform:scale(1.75); opacity:0;}
}

/***** END STYLING FOR THE ABOUT PAGE *****/


/***** BEGIN DONATION PAGE STYLING *****/

div#give_error_test_mode.give_error.give_warning, h2.give-form-title {
	display: none;
}

div#give-form-263-wrap.give-form-wrap.give-display-modal {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 10px;
}

div#give-form-content-263.give-form-content-wrap.give_pre_form-content {
	color: #ffffff;
	text-align: center;
	background-color: #ea6c3a;
	padding: 20px 0 1px 0;
	border-radius: 10px 10px 0 0; 
}

div.give-donation-amount.form-row-wide {
	margin-left: 10px;
}

form[id*=give-form] .give-donation-amount .give-currency-symbol {
	background-color: #ffffff;
	padding: 0 5px 0 12px;
}

form[id*=give-form] .give-donation-amount #give-amount, form[id*=give-form] .give-donation-amount #give-amount-text {
	border-left: none;
	padding: 0 12px 0 5px;
	width: 85%;
	color: #ea6c3a;
	font-family: 'BrandonGrotesqueWeb-Regular';
}

button.give-btn.give-btn-modal {
	color: #ffffff;
	text-align: center;
	background-color: #ea6c3a;
	padding: 10px 0 10px 0;
	border-radius: 10px; 
	width: 90%;
	font-size: 16px;
}

[id*=give-form].give-display-modal .give-btn {
	margin: 0 0 0 10px;
}

a.fusion-button.button-flat.fusion-button-pill.button-large.button-custom.button-1.donate-pill-button {
	font-size: 1.4rem;
	text-transform: none;
}

.donation-goal-counter {
	font-family: 'LehighCommercial-Semibold' !important;
	color: #3f4335;
}

.donation-goal-counter .donation-counter-percentage {
	font-size: 76px;
	line-height: 80px;
/*	padding-top: 25%; */
}

.donation-goal-counter .donation-counter-text {
	font-size: 22px;
	line-height: 22px;
}

.donation-results {
	text-align: center;
}

.raised-donation {
	float: left;
	border-right: 3px solid #ea6c3a;
	padding: 0 10%;
}

.goal-donation {
	float: left;
	padding: 0 10%;
}

.donation-heading {
	font-family: 'LehighCommercial-Semibold' !important;
	color: #3f4335;
	text-align: center;
}

.donation-amount {
	font-family: 'BrandonGrotesqueWeb-Regular' !important;
}

.fusion-button-text {
	font-size: 1.4rem;
}

/***** END DONATION PAGE STYLING *****/


/***** START 404 PAGE STYLING *****/

a.page-not-found-link {
	text-decoration: none;
}

/* #post-404page {
	min-height: 680px;
	background-image: url("../../uploads/signal-not-found-background.jpg");
}
 */
/***** END 404 PAGE STYLING *****/


/***** BEGIN FOOTER STYLING *****/

/* Footer background image set via Avada theme options doesn't cover copyright area.  This does.  */

.fusion-footer {
	background-image: url("../../uploads/paper-texture.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	font-family: 'LehighCommercial-Semibold' !important;
}

.fusion-copyright-notice {
	font-family: 'BrandonGrotesqueWeb-Regular' !important;
}

.fusion-copyright-notice a {
	color: #000 !important;
	text-decoration: underline;
}

.fusion-footer-widget-area, .fusion-footer-widget-area a {
	color: #726853 !important;
}

/* Style the footer information.  */

.footer-title {
	color: #31b992;
	font-size: 28px;
	padding: 0px 0px 10px 10px;
}

.footer-contact-block {
	border-left: 3px solid #fbcf0b !important;
	padding-left: 18px;
	margin-left: 50px;
}

.footer-contact-phone, .footer-contact-email, .footer-credit, .footer-contact-facebook {
	margin-top: 50px;
}

.footer-icon-map-marker:before, .footer-icon-phone:before, .footer-icon-email:before, .footer-icon-facebook:before {
	font-family: FontAwesome;
	color: #000;
	font-size: 18px;
	margin-left: -50px;
}

.footer-icon-map-marker:before {
	content: '\f041';
}

.footer-icon-email:before {
	content: '\f0e0';
	margin-left: -55px;
}

.footer-icon-phone:before {
	content: '\f095';
}

.footer-icon-facebook:before {
	content: '\f230';
}

.footer-contact-title {
	font-size: 18px;
	margin-left: 35px;
}

.footer-contact-info {
	font-family: 'BrandonGrotesqueWeb-Regular';	
	font-size: 15px;
	font-weight: normal;
}

.fusion-footer-widget-area .widget a:hover {
	text-decoration: underline;
}

/*	Modify the scroll-to-top button so that it's an icon of the up-chevron and has an animation on hover.  */
	
#toTop {
	background-color: transparent !important;
	height: 50px !important;
	margin-bottom: 50px;
}

/*

#toTop:hover {
	border: 10px solid #f4da54;
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  -webkit-animation: pulse 3s ease-out;
  -moz-animation: pulse 3s ease-out;
  animation: pulse 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -25px;
  left: -25px;
  z-index: 1;
  opacity: 0;
}
*/


#toTop:before {
	font-family: FontAwesome !important;
	content: '\f139';
	color: #fbcf0b !important;
	font-size: 50px;
}


/***** END FOOTER STYLING *****/


/***** 	BEGIN MOBILE/DEVICE DEPENDENT STYLING *****/

/* iPad Portrait*/
	@media screen and (max-width: 768px) {
		span.about-slider-quote, span.display-counter {
			font-size: 1.5rem !important;
			line-height: 2rem !important;
		}
	}

/* Devices smaller than iPhone plus */
	@media screen and (max-width: 765px) {

		div#sliders-container {
			margin-top: 80px;
		}
		span.about-slider-quote, span.display-counter {
			font-size: 1.5rem !important;
			line-height: 2rem !important;
		}
		.about-text-column {
			padding: 0px 20px;
		}
		.sticky-header-anchor {
			display: inline-block;
			position: relative;
			top: -80px;
			visibility: hidden;
		}
		.home-learn-more-link {
			display: none;
		}
		.donation-results {
			padding-left: 20%;
		}

	}

	@media screen and (max-width: 400px) {
		span.about-slider-quote, span.display-counter {
		font-size: .8rem !important;
		line-height: 1rem !important;
		}
		.about-slider-quote-attribution {
		font-size: .7rem !important;
		line-height: .8rem !important;
		}
	}

/***** 	END MOBILE/DEVICE DEPENDENT STYLING *****/