@charset "UTF-8";
/*
Theme Name: Live Hope Theme
Theme URI: 
Author: the Development team
Author URI: https://wordpress.org/
Description: A theme for livehope.org
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Live Hope Theme
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 with others.

Live Hope Theme is based on Underscores https://underscores.me/, (C) 2012-2018 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/
*/

/*--------------------------------------------------------------
# General Styles
--------------------------------------------------------------*/
  html { font-size: 16px; /* 1em */ }
  body { 
    font-family: 'Montserrat', sans-serif; 
    margin: 0;
  }
  a, a:visited { color: #62874d;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
  a:hover { color: #19B798; text-decoration: none; }

  .h1, .h2, .h3, h1, h2, h3 { margin-top: 0; }

  h1{
    color: #332a1e;
    font-size: 48px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 25px;
  }

  h2{
    color: #332a1e;
    font-size: 40px;
    line-height: 120%;
  }

  h3{
    color: #332a1e;
    font-size: 35px;
    line-height: 120%;
    margin-bottom: 20px;
  }

  h4{
    color: #332a1e;
    font-size: 30px;
    line-height: 120%;
  }

  h5{
    color: #332a1e;
    font-size: 25px;
    line-height: 120%;
  }

  h6{
    color: #332a1e;
    font-size: 20px;
    line-height: 120%;
  }

  p,
  .gform_wrapper span.gform_description{ 
    color: #000; 
    font-size: 20px;
    line-height: 40px;
  }

  .inner #content li{
    color: #000; 
    font-size: 20px;
    line-height: 40px;
  }

  .fl-builder-content a.fl-button, 
  .fl-builder-content a.fl-button:visited,
  #content .gform_wrapper .gform_footer input.button,
  #learndash_mark_complete_button,
  .wpProQuiz_button{
    background: transparent;
    border-color: #62874d;
    color: #62874d;
    border-radius: 0;
    font-size: 18px;
    line-height: 26px;
    padding: 10px 25px;
    transition: all ease .5s;
    font-family: 'Montserrat', sans-serif;
  }

  #content .gform_wrapper .gform_footer input.button{ 
    border-style: solid;
    border-width: 1px;
    padding-left: 50px;
    padding-right: 50px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  #content .gform_wrapper .gform_footer input.button:hover{
    background-color: #62874d;
    color: #fff;
  }

  .fl-builder-content a.fl-button span,
  .fl-builder-content a.fl-button:visited span{ color: inherit; }

  .fl-builder-content a.fl-button:hover,
  #learndash_mark_complete_button:hover,
  .wpProQuiz_button:hover{
    color: #fff;
    background: #62874d;
  }


  .medium-container{
    width: 100%;
    max-width: 730px;
    margin-left: auto;
    margin-right: auto;
  }

  .fl-photo-caption{ font-size: 16px; }

  .fl-photo-caption-below{
    padding-top: 20px;
    white-space: normal;
    line-height: 160%;
  }

  .esg-mobile-filter-button{
    font-size: 20px;
    color: #62874d;
    font-weight: 500;
    font-family: 'Montserrat',sans-serif;
    letter-spacing: 1px;
    background: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 20px;
    width: 100%;
    max-width: 235px;
  }

  .esg-selected-filterbutton .eg-icon-down-open{
    color: #62874d;
    font-size: 14px;
    margin-top: -5px;
  }

/*--------------------------------------------------------------
# Helper Styles
--------------------------------------------------------------*
  /* For removing bootstrap grid gutter */
  .no-gutter > [class*='col-'] { padding-right:0; padding-left:0; }

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
  .site { margin: 0 auto; /*max-width: 1920px;*/ }

  .full { width: 100%; }
  .main { margin: auto; max-width: 1920px; }
  .container-fluid { 
    width: 100%;
    max-width: 1170px; 
    margin: 0 auto;
  }

/*--------------------------------------------------------------
# Defaults
--------------------------------------------------------------*/
  /* Alignments */
  .alignleft {
    /*rtl:ignore*/
    float: left;
    /*rtl:ignore*/
    margin-right: 1rem;
  }

  @media only screen and (min-width: 768px) {
    .alignleft {
      /*rtl:ignore*/
      margin-right: calc(2 * 1rem);
    }
  }

  .alignright {
    /*rtl:ignore*/
    float: right;
    /*rtl:ignore*/
    margin-left: 1rem;
  }

  @media only screen and (min-width: 768px) {
    .alignright {
      /*rtl:ignore*/
      margin-left: calc(2 * 1rem);
    }
  }

  .aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  /* Clearings */
  .clear:before,
  .clear:after,
  .entry-content:before,
  .entry-content:after,
  .comment-content:before,
  .comment-content:after,
  .site-header:before,
  .site-header:after,
  .site-content:before,
  .site-content:after,
  .site-footer:before,
  .site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
  }

  .clear:after,
  .entry-content:after,
  .comment-content:after,
  .site-header:after,
  .site-content:after,
  .site-footer:after {
    clear: both;
  }

  body:not(.fl-builder-edit) .loader{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 99999;
    width: 100%;
      height: 100%;
    background: url('assets/images/loading.gif') center no-repeat #fff;
  }



  /*--------------------------------------------------------------
  ## Galleries
  --------------------------------------------------------------*/
  .gallery {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-bottom: calc(1.5 * 1rem);
  }

  .gallery-item {
    display: inline-block;
    margin-right: 16px;
    margin-bottom: 16px;
    text-align: center;
    vertical-align: top;
    width: 100%;
  }

  .gallery-columns-2 .gallery-item {
    max-width: calc((100% - 16px * 1) / 2);
  }

  .gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
    margin-right: 0;
  }

  .gallery-columns-3 .gallery-item {
    max-width: calc((100% - 16px * 2) / 3);
  }

  .gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
    margin-right: 0;
  }

  .gallery-columns-4 .gallery-item {
    max-width: calc((100% - 16px * 3) / 4);
  }

  .gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
    margin-right: 0;
  }

  .gallery-columns-5 .gallery-item {
    max-width: calc((100% - 16px * 4) / 5);
  }

  .gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
    margin-right: 0;
  }

  .gallery-columns-6 .gallery-item {
    max-width: calc((100% - 16px * 5) / 6);
  }

  .gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
    margin-right: 0;
  }

  .gallery-columns-7 .gallery-item {
    max-width: calc((100% - 16px * 6) / 7);
  }

  .gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
    margin-right: 0;
  }

  .gallery-columns-8 .gallery-item {
    max-width: calc((100% - 16px * 7) / 8);
  }

  .gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
    margin-right: 0;
  }

  .gallery-columns-9 .gallery-item {
    max-width: calc((100% - 16px * 8) / 9);
  }

  .gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
    margin-right: 0;
  }

  .gallery-item:last-of-type {
    padding-right: 0;
  }

  .gallery-caption {
    display: block;
    font-size: 0.71111em;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0.5rem;
  }

  .gallery-item > div > a {
    display: block;
    line-height: 0;
    box-shadow: 0 0 0 0 transparent;
  }

  .gallery-item > div > a:focus {
    box-shadow: 0 0 0 2px #0073aa;
  }

/*--------------------------------------------------------------
# Gravity Form Styles
--------------------------------------------------------------*/
  #content .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
  #content .gform_wrapper select{
    font-size: 17px;
    padding: 10px;
  }

  body #content .gform_wrapper li{ line-height: 120%; }

  #content .gform_wrapper .date-full input.datepicker{ width: 100%; }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
  .site-header{
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 10;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*border-bottom: 1px solid #c8c8c8;*/
  }

  .home .site-header{ border: none; }

  .site-header .container-fluid{ 
    max-width: 1800px; 
    width: 95%;
  }

  .site-logo,
  .custom-logo{ width: 252px; }

  .site-header-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }

  .main-navigation .main-menu-more{ display: none; }

  .main-navigation .main-menu{
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  .main-navigation .main-menu li{
  	color: #fff;
  	font-size: .9375em;
  	padding: 0 20px;
    text-shadow: 0 0 1px #fff;
  }

  .main-navigation .main-menu a{
    font-size: .9375em;
    font-style: normal;
    text-decoration: none;
    color: inherit;
  }

  .sticky-header{ 
    background: #fff;
    border-bottom: 1px solid #F1F4E7;
  }

  .home .sticky-header{ border-bottom: 1px solid #F1F4E7; }

  .inner .site-header{ background: #fff; }

  .sticky-header .main-navigation .main-menu li,
  .inner .main-navigation .main-menu li{
    color: #000;
    text-shadow: 0 0 1px #000;
  }

  .main-navigation .max-mega-menu > li a{ text-shadow: 0 0 0.5px #000; }

  .main-navigation .mobile-parent-nav-menu-item{ display: none; }

  .home #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{ color: #fff; }

  .home .sticky-header #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{ color: #000; }
  
  /*HOVER AND CURRENT STYLE*/
  .site-header .max-mega-menu > li{ margin: 0 20px !important; }

  .site-header .mega-menu > .mega-current-menu-item a,
  .site-header .mega-menu > .mega-menu-item:hover a{ 
    position: relative; 
    display: block;
  }

  .site-header .max-mega-menu > li > a{ padding: 0 !important; }

  .site-header .max-mega-menu > li a:after{
    background: #62874d;
    content: '';
    bottom: -7px;
    left: 0;
    width: 100%;
    height: 3px;
    position: absolute;
    display: block !important;
    opacity: 0;
    transition: all ease-in-out .3s;
  }

  .site-header .max-mega-menu .mega-sub-menu a:after{ display: none !important; }

  .site-header .max-mega-menu > li:hover a:after,
  .site-header .max-mega-menu > li.mega-current-menu-item a:after{ opacity: 1; }

  .site-header #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li > ul.mega-sub-menu,
  .site-header #mega-menu-wrap-right-menu #mega-menu-right-menu > li > ul.mega-sub-menu{ margin-top: 30px; }

  .site-header .mega-menu-wrap .mega-menu > li > ul.mega-sub-menu:before{
    content: '\f0d8';
    font-family: 'FontAwesome';
    /*font-family: "Font Awesome 5 Free";*/
    color: #332a1e;
    display: block !important;
    font-size: 60px;
    position: absolute;
    top: -61px;
    left: 50%;
    transform: translateX(-50%);
  }

  .site-header #mega-menu-wrap-right-menu .mega-menu > li > ul.mega-sub-menu:before{ color: #62874d; }
  
  /*SEARCH*/
  .header-search > ul.mega-sub-menu{ border-radius: 30px !important; }

  .header-search .search-form{ position: relative; }

  .header-search .search-form .search-field{
    font-size: 12px;
    color: #fff;
    font-family: 'Montserrat',sans-serif;
    background-color: transparent;
    border: none;
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
  }

  .header-search ::-webkit-input-placeholder {color: #fff;}
  .header-search :-moz-placeholder {color: #fff; opacity: 1;}
  .header-search ::-moz-placeholder {color: #fff; opacity: 1;}
  .header-search :-ms-input-placeholder {color: #fff;}

  .header-search .search-form .search-submit{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: #fff;
    font-size: 20px;
  }

  .header-cart{ 
    position: relative; 
    display: inline-block;
  }

  .header-cart-icon{
    background-image: url(assets/images/header-icons.png);
    background-repeat: no-repeat;
    width: 31px;
    height: 31px;
    background-position: top right;
    transition: background-position .3s ease;
    -webkit-transition: background-position .3s ease;
  }

  .header-cart-count{
    font-size: 8px;
    color: #fff;
    display: flex;
    background-color: #62874d;
    border-radius: 50%;
    text-align: center;
    height: 20px;
    width: 20px;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -4px;
    right: -12px;
    transition: all ease-in-out .3s;
  }

  .home .header-cart-icon{ background-position: bottom right; }
  .home .sticky-header .header-cart-icon{ background-position: top right; }

  .home .header-cart-count{
    background-color: #fff;
    color: #62874d; 
  }

  .home .sticky-header .header-cart-count{
    background-color: #62874d;
    color: #fff; 
  }

  /*Header Menu Icons*/
  .hd-icon > a{
    height: 35px !important;
    width: 35px !important;
  }

  .hd-icon > a:before{
    height: 35px !important;
    width: 35px !important;
    background-image: url(assets/images/header-icons.png) !important;
    background-repeat: no-repeat;
    content: '';
    transition: background-position .3s ease;
    -webkit-transition: background-position .3s ease;
  }

  .search-icon > a:before,
  .home .sticky-header .search-icon > a:before{ background-position: top right 107px !important; }

  .message-icon > a:before,
  .home .sticky-header .message-icon > a:before{ background-position: top left 110px !important; }

  .account-icon > a:before,
  .home .sticky-header .account-icon > a:before{ background-position: top 4px left !important; }

  .site-header .header-cart{ display: block; }

  .home .search-icon > a:before{ background-position: bottom 3px right 107px !important; }
  .home .message-icon > a:before{ background-position: bottom 1px left 110px !important; }
  .home .account-icon > a:before{ background-position: bottom 0px left !important; } 

/*--------------------------------------------------------------
# Banner Slider
--------------------------------------------------------------*/
  .banner-slider{ position: relative; }

  .slider-title{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
  }

/*--------------------------------------------------------------
# Homepage Sections
--------------------------------------------------------------*/

	/*BANNER*/
		.site-banner{
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: stretch;
		}

		.banner-item{
			flex: 0 0 25%;
			position: relative;
		}

		.has_hover_content:before{
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			background-color: rgba(0,0,0,.5);
			overflow: hidden;
			width: 100%;
			height: 0;
			transition: .5s ease;
			content: '';
		}

		.has_hover_content:hover:before{ height: 100%; }

		.banner-image{ height: 815px; }

		.banner-item img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.banner-content{
			position: absolute;
			left: 0;
			width: 100%;
			box-sizing: border-box;
			padding: 30px 50px;
			transition: all .5s;
		}

		.no_hover_content .banner-content{
			top: 50%;
			transform: translateY(-50%);
      text-align: center;
		}

    .no_hover_content .banner-title{
      display: inline-block;
      margin: 0 auto;
      text-align: left;
    }

		.has_hover_content .banner-content{ bottom: 130px; }

		.has_hover_content:hover .banner-content{
			bottom: 0;
			top: 50%;
			transform: translateY(-50%);
		}

		.banner-title h3{
			color: #fff;
			font-size: 3em;
			font-weight: 700;
			margin: 0;
			line-height: 100%;
			position: relative;
		}

		.no_hover_content .banner-title h3{
			line-height: 150%;
			font-size: 2.8em;
		}

		.banner-title h3 span{
			font-size: 1.6em;
		    position: relative;
		    margin-bottom: 15px;
		    display: inline-block;
		    padding-bottom: 10px;
		}

		.banner-title h3 span:after{
			background: #fff;
		    height: 5px;
		    position: absolute;
		    bottom: 0;
		    content: '';
		    width: 100%;
		    left: 0;
		}

		.has_hover_content .banner-title{
			margin-bottom: 25px;
			position: relative;
			min-height: 125px;
		}

		.has_hover_content:hover .banner-title{ min-height: unset; }

		.has_hover_content .banner-title:before{
			content: url('assets/images/main-arrow.png');
			margin-bottom: 15px;
			transition: .5s ease;
			opacity: 1;
		}

		.has_hover_content:hover .banner-title:before{ opacity: 0; }

		.banner-content ul{ 
			margin: 0; 
			padding: 0;
		}

		.banner-content ul li{
			color: #fff;
			font-size: 1.125em;
			line-height: 150%;
			margin: 30px 0;
			position: relative;
			list-style-type: none;
      padding-left: 35px;
		}

		.banner-content ul li:first-child{ margin-top: 0; }

		.banner-content ul li:last-child{ margin-bottom: 0; }

		.banner-content ul li:before{
			content: url('assets/images/list-arrow.png');
			position: absolute;
      top: 0;
      left: 0;
		}

		.banner-content ul li a{ color: inherit; }

		.banner-content-hover{ 
			height: 0; 
			visibility: hidden;
		}

		.has_hover_content:hover .banner-content-hover{ 
			height: auto; 
			visibility: visible;
		}

	/*MISSION-VISION-GOAL*/
		.mission-section{}

		.text-slider .bx-pager-link{ background: #D2D4D8 !important; }

		.text-slider .bx-pager-link.active,
		.text-slider .bx-pager-link:focus,
		.text-slider .bx-pager-link:hover{ background: #62874d !important; }

  /*STORIES SECTION*/
	 .stories-section{}
  
  /*FEATURED SECTION*/
    .featured-section{}

      .featured-section .fl-post-feed-post{ border-bottom: none; }

      .home-featured-products .woocommerce-loop-product__title,  
      .home-featured-products .woocommerce-Price-amount,
      .home-featured-products .add_to_cart_button,
      .home-featured-products .price{ display: none !important; }

      .featured-resources-image .fl-post-grid-image{ height: 720px; }

      .featured-resources-image .fl-post-grid-image img{ 
        height: 100% !important; 
        object-fit: cover;
      }
  
  /*SUPPORT SECTION*/
	 .support-section{}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
  .site-footer{ 
    text-align: center; 
    padding: 20px 0 10px 0;
    border-top: 1px solid #c8c8c8;
  }

  .footer-information{
    display: flex;
    align-items: center;
    padding: 20px 0;
  }

  .footer-logo{ flex: 0 0 35%; }

  .footer-contacts{
    box-sizing: border-box;
    flex: 1;
    text-align: left;
    padding-left: 50px;
  }

  .footer-contacts dl{
    display: flex;
    align-items: center;
  }

  .footer-contacts dl i{
    color: #62874d;
    font-size: 30px;
  }

  .fl-icon i:before {
    border: none !important;
    height: auto;
    width: auto;
  }

  .footer-contacts dl dd{
    color: #000;
    font-size: 20px;
    line-height: 40px;
  }

  .site-footer a{ color: inherit; }

  .site-footer .footer-menu{
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .site-footer .footer-menu li{
    color: #000;
    font-size: 18px;
    padding: 0 15px;
    text-shadow: 0 0 .5px #000;
  }

  .site-footer .footer-menu li a,
  .copyright-navigation ul li a{ color: inherit; }

  .site-footer .footer-menu li:hover,
  .site-footer .footer-menu li.current-menu-item,
  .copyright-navigation li:hover,
  .copyright-navigation li.current-menu-item{ color: #62874d; }

  .site-footer .copyright{
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .site-footer .copyright-text p,
  .copyright-navigation ul li{
    font-size: 13px;
    text-shadow: 0 0 .5px #000;
    margin: 0;
  }

  .copyright-navigation ul{
    margin: 0;
    padding: 0;
    display: flex;
    list-style-type: none;
  }

  .copyright-navigation ul li{ position: relative; }

  .copyright-navigation ul li:before{
    content: '•';
    padding: 0 8px;
    color: #000;
  }

  .footer-info-section{}

/*--------------------------------------------------------------
# Inner Page
--------------------------------------------------------------*/

 /* .inner .site-content{ padding-top: 100px; }*/

  .banner-alternate-wrap{ 
    padding-top: 100px;
    border-bottom: 1px solid #c8c8c8;
  }

  .mobile-banner{ display: none; }

  .site-inner-banner{
    padding-top: 100px;
  }

  .site-inner-banner .container-fluid{ max-width: 1800px; }

  .site-inner-banner-image{
    height: 550px;
    box-sizing: border-box;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
   /* background-attachment: fixed;*/
    background-position: top center; /*24%*/
    background-size: cover;
  }

  .site-inner-banner h1{
    color: #fff;
    font-size: 60px;
    line-height: 120%;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
  }

  .inner .site-content{
    /*padding-top: 50px;*/
    padding-bottom: 50px;
    min-height: 300px;
  }

  .inner.single-wp5_podcast .site-header,
  .inner.single-wp5_staff .site-header,
  .inner.single-wp5_teaching .site-header,
  .inner.single-wpm-testimonial .site-header{  border-bottom: 1px solid #c8c8c8; }

  .inner.single-wp5_podcast .site-content,
  .inner.single-wp5_staff .site-content,
  .inner.single-wp5_teaching .site-content{ padding-top: 0; }

  .single-wp5_podcast .site-main,
  .single-wp5_staff .site-main,
  .single-wp5_teaching .site-main,
  .single-wpm-testimonial .site-main{ padding-top: 100px;  }

  .fl-button-lightbox-content .gform_wrapper .prayer-form input[type="submit"]{
    display: block;
    margin: 0 auto;
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    border: none;
    box-sizing: border-box;
    padding: 15px 30px;
    transition: all ease-in-out .3s;
    background-color: #62874d;
    color: #fff;
  }

  .fl-button-lightbox-content .prayer-form input[type="submit"]:hover{ background-color: #332a1e; }

  .fl-button-lightbox-content .gform_wrapper .prayer-form select{ height: 34px; }

  .location-box .fl-photo-img-jpg a{ 
    display: block; 
    overflow: hidden;
  }

  .location-box .fl-photo-img-jpg img{
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  }

  .location-box:hover img{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  .location-box:hover .fl-module-content{
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    transition: all ease-in-out .3s;
  }

  .list-2{
    column-count: 2;
    list-style-position: outside;
  }

/*--------------------------------------------------------------
# Post Type: Podcast and Teaching
--------------------------------------------------------------*/
  .single-wp5_podcast .site-main .container-fluid,
  .single-wp5_teaching .site-main .container-fluid{ max-width: 1600px; }

  .podcast-wrapper,
  .teaching-wrapper{ 
    display: flex;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .podcast-embed-code,
  .teaching-embed-code{ flex: 1 1 60%; }

  .podcast-embed-content,
  .teaching-embed-content{
    flex: 1 1 40%;
    box-sizing: border-box;
    padding-left: 30px;
  }

  .podcast-embed-code > div,
  .teaching-embed-code > div{
    padding-top: 0 !important;
    height: 100% !important;
  }
  .podcast-embed-code iframe,
  .teaching-embed-code iframe{ 
    position: static !important;
    max-width: 100%;
    height: 600px !important;
    width: 100% !important;
    border-radius: 5px;
    border: 1px solid #ccc;
  }

/*--------------------------------------------------------------
# Post Type: Staff
--------------------------------------------------------------*/
  .single-wp5_staff #content .container-fluid{ max-width: 1000px; }

  .back-to-staff-button{
    display: block;
    margin-bottom: 30px;
    font-size: 15px;
    font-weight: 700;
    transition: all ease-in-out .3s;
    color: #332a1e !important;
  }

  .back-to-staff-button:hover{ color: #62874d !important; }

  .staff-single-wrap{
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .staff-single-left{
    float: left;
    width: 100%;
    max-width: 350px;
    padding-right: 30px;
    margin-bottom: 5px;
  }

  .staff-single-image{ font-size: 0; }

  .staff-single-image img{ 
    height: 100%; 
    width: 100%;
  }

  .testimonial-buttonbox{ border: 1px solid #62874d; }

  .testimonial-button{
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 120%;
    font-weight: 600;
    transition: all ease-in-out .3s;
  }

  .testimonial-button-play{
    width: 42px;
    height: 42px;
    background-image: url('assets/images/play_button2.png');
    transition: background-position .3s ease;
    -webkit-transition: background-position .3s ease;
  }

  .testimonial-button:hover .testimonial-button-play{ background-position: bottom center; }

  .testimonial-button:hover{
    background-color: #62874d;
    color: #fff;
  }

  .testimonial-button span{ padding-left: 10px; }

  #testimonial-lightbox{ 
    display: none; 
    max-height: 500px;
    height: 100%;
    width: 100%;
    max-width: 800px;
  }

  #testimonial-lightbox > div{
    padding-top: 0 !important;
    height: 100% !important;
  }

  #testimonial-lightbox iframe{ position: static !important; }

  .single-wp5_staff h1{ 
    font-size: 40px; 
    text-transform: uppercase;
    margin: 0 0 10px 0;
  }

  .staff-single-position{
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0;
    padding-bottom: 7px;
  }

  .staff-single-right h6{
    margin: 0;
    font-size: 16px;
    color: #62874d;
    text-transform: uppercase;
    font-weight: 500;
    padding: 3px 0;
  }

  .staff-single-phone span{ color: #000; }

/*--------------------------------------------------------------
# Shortcode: display_staff
--------------------------------------------------------------*/
  .staff-wrapper{
    display: flex;
    flex-wrap: wrap;
    /*justify-content: center;*/
  }

  .staff-item{
    flex: 0 0 25%;
    box-sizing: border-box;
    padding: 15px;
    display: block;
    /*margin: 0 auto;*/
    transition: flex-basis .3s linear;
  }

  .staff-item-wrap{ 
    transition: all ease-in-out .3s;
    border: 1px solid #c8c8c8; 
    height: 100%;
  }

  .staff-item-image{
    width: 100%;
    height: 400px;
    overflow: hidden;
  }

  .staff-item-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  }


  .staff-item:hover .staff-item-image img{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  .staff-item-content{ 
    box-sizing: border-box;
    padding: 15px 20px;  
  }

  .staff-item p { 
    margin: 0; 
    line-height: 130% !important; 
    color: #000;
    font-weight: 600;
    transition: all ease-in-out .3s;
  }

  .staff-item-name{ 
    margin: 0 0 10px 0; 
    transition: all ease-in-out .3s;
  }

  p.staff-item-position{ margin-bottom: 10px; }

  .staff-item-email{ word-break: break-all; }

  .staff-item-email .fa{ margin-right: 10px }

  .staff-item-phone .fa{ margin-right: 13px }

  .staff-item:hover .staff-item-wrap{ 
    background-color: #62874d; 
    border-color: #FFF;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
  }

  .staff-item:hover .staff-item-wrap p,
  .staff-item:hover .staff-item-wrap p a,
  .staff-item:hover .staff-item-wrap .staff-item-name{ color: #fff; }

/*--------------------------------------------------------------
# Shortcode: display_magazines
--------------------------------------------------------------*/
  .magazine-grid-boxes{
    display: flex;
    flex-wrap: wrap;
  }

  .magazine-grid-item{
    flex: 0 0 50%;
    box-sizing: border-box;
    padding: 15px;
  }

  .magazine-grid-item h4.magazine-grid-title{
    margin: 0 0 15px 0;
  }

/*--------------------------------------------------------------
# Strong Testimonial
--------------------------------------------------------------*/
  .strong-view.modern .testimonial .testimonial-content{ text-align: left; }

  .strong-view.modern .testimonial .testimonial-content p{
    font-size: 18px;
    line-height: 35px !important;
  }

  .strong-view.modern.pager-style-buttons .wpmslider-pager-link:before{ color: #62874d; }

/*--------------------------------------------------------------
# Woocommerce
--------------------------------------------------------------*/
  /*Woocommerce Globals*/
    .page-container{ padding-top: 100px; }

    .woocommerce #respond input#submit, 
    .woocommerce a.button, 
    .woocommerce button.button, 
    .woocommerce input.button{
      background: transparent;
      color: #62874d;
      border-radius: 0;
      font-size: 18px;
      line-height: 26px;
      padding: 10px 25px;
      transition: all ease .5s;
      border: 1px solid #62874d;
      text-transform: uppercase;
      font-weight: 400;
      font-family: 'Montserrat',sans-serif;
    }

    .woocommerce #respond input#submit:hover, 
    .woocommerce a.button:hover, 
    .woocommerce button.button:hover, 
    .woocommerce input.button:hover{ 
      background-color: #62874d;
      color: #fff;
    }

    .woocommerce #respond input#submit.alt, 
    .woocommerce a.button.alt, 
    .woocommerce button.button.alt, 
    .woocommerce input.button.alt{ background-color: #62874d; }

    .woocommerce #respond input#submit.alt:hover, 
    .woocommerce a.button.alt:hover, 
    .woocommerce button.button.alt:hover, 
    .woocommerce input.button.alt:hover{ 
      background-color: transparent; 
      color: #62874d
    }

    .woocommerce .quantity .qty{
      width: 60px;
      height: 45px;
      background: transparent;
      border: 1px solid rgba(0,0,0,.1);
      color: #000;
      font-family: 'Montserrat',sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height: 120%;
    }

    .woocommerce form .form-row input.input-text, 
    .woocommerce form .form-row textarea,
    .woocommerce form .form-row .select2-container--default .select2-selection--single{
      border: 1px solid rgba(0,0,0,.1);
      box-sizing: border-box;
      padding: 10px 15px;
      font-family: 'Montserrat',sans-serif;
      font-size: 18px;
      line-height: 120%;
      border-radius: 0;
    }

    .woocommerce form .form-row .select2-container--default .select2-selection--single{
      height: 43px;
      padding: 7px;
    }

    .woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__rendered{ color: rgba(0, 0, 0, 0.6); }

    .inner .woocommerce ul.products li.product a img{ 
      border: 1px solid #ccc; 
      height: 500px;
      object-fit: cover;
    }

    .woocommerce ul.products li.product .woocommerce-loop-category__title, 
    .woocommerce ul.products li.product .woocommerce-loop-product__title{
      font-size: 20px;
      color: #62874d;
      font-weight: 700;
      line-height: 30px;
    }

    .woocommerce ul.products li.product .price{
      color: #000;
      font-size: 18px;
      line-height: 30px;
      font-weight: 600;
    }

    .woocommerce fieldset{ 
      border: 1px solid rgba(0,0,0,.1); 
      margin-top: 20px;
      margin-bottom: 25px;
    }

    .woocommerce fieldset legend{ font-size: 20px; }
  
    /*LIGHTBOX*/
    body .pswp__bg{ background: rgba(0,0,0,.9); }
    body .pswp__caption__center{ text-align: center; }

  /*Single Products*/
    .single-product .site-content{
      padding-top: 0;
      padding-bottom: 0;
    }

    .single-product .woocommerce-notices-wrapper{
      width: 100%;
      max-width: 1800px;
      margin: 0 auto 0;
    }

    .single-product .woocommerce-error, 
    .single-product .woocommerce-info, 
    .single-product .woocommerce-message{ 
      margin-bottom: 0; 
      margin-top: 20px;
    }

    .single-product.woocommerce div.product div.images img{
      height: 100%;
      object-fit: cover;
    }

    .single-product.woocommerce div.product form.cart .variations,
    .single_variation_wrap{ flex: 1; }

    .single-product.woocommerce div.product form.cart .variations td.label label{ color: #fff; }

    .single-product.woocommerce div.product form.cart .variations select{
    	border: 1px solid #fff;
	    font-family: 'Montserrat', sans-serif;
	    box-sizing: border-box;
	    padding: 12px 10px;
	    font-size: 15px;
	    width: 90%;
    }

    .single-product .woocommerce-Tabs-panel--additional_information h2{ display: none; }

    /*SECTION: Product Information*/
      .woocommerce-product-information-outer{
        width: 100%;
        max-width: 1800px;
        margin: 0 auto;
      }
      .woocommerce-product-information-wrapper{ display: flex; }

      .woocommerce-product-information{
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: top center;
        padding: 50px 20px;
        box-sizing: border-box;
      }

      .woocommerce div.product h1.product_title{
        font-size: 40px;
        color: #fff;
        line-height: 50px;
        text-transform: uppercase;
      }

      .woocommerce div.product .woocommerce-product-information p.price{
        font-size: 30px;
        line-height: 30px !important;
        color: #fff;
      }

      .woocommerce-product-information .woocommerce-product-details__short-description p{ color: #fff; }

      /*.woocommerce #content .woocommerce-product-information .woocommerce-product-gallery__wrapper, 
      .woocommerce #content .woocommerce-product-information .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child,
      .woocommerce #content .woocommerce-product-information .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a{
        height: 100%;
      }*/

      .woocommerce #content .woocommerce-product-information div.product div.images, 
      .woocommerce div.product .woocommerce-product-information div.images, 
      .woocommerce-page #content div.product .woocommerce-product-information div.images, 
      .woocommerce-page div.product .woocommerce-product-information div.images{
        float: none;
        width: 100%;
        flex: 1 1 35%;
        margin-bottom: 0;
      }

      .woocommerce #content .woocommerce-product-information div.product div.summary, 
      .woocommerce div.product .woocommerce-product-information div.summary, 
      .woocommerce-page #content div.product .woocommerce-product-information div.summary, 
      .woocommerce-page div.product .woocommerce-product-information div.summary{
        float: none;
        width: 100%;
        flex: 1 1 65%;
        box-sizing: border-box;
        padding-left: 50px;
        
      }

      .woocommerce .woocommerce-product-information button.button.alt{
        background-color: #fff;
        padding: 10px 50px;
        color: #62874d;
        border-color: #fff;
        margin-left: 20px;
      }

      .woocommerce .woocommerce-product-information button.button.alt:hover{
        background-color: #62874d;
        color: #fff;
        border-color: #62874d;
      }

      .woocommerce .woocommerce-product-information .quantity .qty{
        color: #fff;
        border-color: #fff;
      }

      .woocommerce div.product .woocommerce-product-information form.cart{ 
      	display: flex; 
      	flex-direction: column;
      }

      .single-product.woocommerce div.product form.cart .variations td, 
      .single-product.woocommerce div.product form.cart .variations th{ padding-bottom: 10px; }

      
    /*SECTION: Long Description*/
      .woocommerce-product-description{
        margin-top: 50px;
      }


    /*SECTION: Woocommerce Tabs, Related Products Section, Upsells Section etc.*/
      .woocommerce-product-relation{
        clear: both;
        margin-top: 50px;
      }

      .woocommerce-product-relation .container-fluid{ 
      	max-width: 1400px; 
      	max-width: 1400px;
	    box-sizing: border-box;
	    padding-left: 20px;
	    padding-right: 20px;
      }

      .woocommerce-product-relation h2{
        text-transform: uppercase;
        color: #000;
      }

      .woocommerce .woocommerce-product-relation ul.products li.product .button{ display: none; }

      .woocommerce .woocommerce-product-relation ul.products li.product a img{
      	height: 450px;
      	object-fit: cover;
      	transition: height .3s linear;
      }
  
  /*Cart, Checkout and Account Page*/
    .inner.woocommerce-cart .site-header,
    .inner.woocommerce-checkout .site-header,
    .inner.woocommerce-account .site-header{ border-bottom: 1px solid #c8c8c8; }

    /*.inner.woocommerce-cart .site-content,
    .inner.woocommerce-checkout .site-content,
    .inner.woocommerce-account .site-content{ padding-top: 100px; }*/

    .inner.woocommerce-cart .content-area,
    .inner.woocommerce-checkout .content-area,
    .inner.woocommerce-account .content-area{ padding-top: 50px; }

    .inner.woocommerce-cart .woocommerce-notices-wrapper,
    .inner.woocommerce-checkout .woocommerce-notices-wrapper{
      width: 100%;
      max-width: 1170px;
      margin: 0 auto;
    }

    .payment_method_stripe label{     
      display: flex;
      flex-wrap: wrap; 
    }

    #add_payment_method #payment ul.payment_methods li img, 
    .woocommerce-cart #payment ul.payment_methods li img, 
    .woocommerce-checkout #payment ul.payment_methods li img{ max-width: 50px; }

    .woocommerce-MyAccount-navigation ul{
      list-style-type: none;
      margin: 0;
      padding: 0;
    }

    .inner #content .woocommerce-MyAccount-navigation ul li{
      background-color: #62874d;
      color: #fff;
      box-sizing: border-box;
      transition: all ease-in-out .3s;
      text-transform: uppercase;
      font-size: 18px;
      line-height: 120%;
      padding: 10px 15px;
      border-bottom: 1px solid rgba(255,255,255,.2);
    }

    .woocommerce-MyAccount-navigation ul li a{ 
      color: inherit; 
      display: block;
    }

    .woocommerce-MyAccount-navigation ul li.is-active,
    .woocommerce-MyAccount-navigation ul li:hover{ 
      background-color: #332a1e !important; 
      text-shadow: 0 0 .5px #000;
    }

    .woocommerce-account .site-content p{ margin-top: 0; }

    #customer_details{ margin-bottom: 25px; }

/*--------------------------------------------------------------
# LearnDash
--------------------------------------------------------------*/
  .learndash-page .site-header,
  .learndash-page.single-sfwd-courses .site-header.sticky-header{ border-bottom: 1px solid #c8c8c8; }
  .learndash-page.single-sfwd-courses .site-header{ border-bottom: none; }

  .learndash-page .content-area{ padding-top: 50px; }

  .learndash-page.single-sfwd-courses .content-area{ padding-top: 0; }

  .learndash-page .site-content{
    padding-top: 100px;
  }
  
  .learndash-banner{
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
    padding: 50px 20px;
    box-sizing: border-box;
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
  }

  .learndash-banner p{ color: #fff; }

  .learndash-banner-wrapper{ display: flex; }

  .learndash-featured-image-wrap{ flex: 1 1 35%; }

  .learndash-featured-information{
    flex: 1 1 65%;
    box-sizing: border-box;
    padding-left: 50px;
  }

  .learndash-featured-image-wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .learndash-banner h1{
    color: #fff;
    text-transform: uppercase;
  }

  .learndash-page #btn-join{
    background-color: #fff;
    padding: 15px 20px;
    color: #419638;
    border-color: #fff;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    margin-top: 5px;
    display: inline-block;
  }

  #learndash_course_content_title,
  .learndash_course_materials h4,
  .learndash-page h2{
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 20px;
  }

  .learndash-content-wrapper{
    padding-top: 50px;
  }

  #learndash_lessons #lesson_heading, 
  #learndash_profile .learndash_profile_heading, 
  #learndash_quizzes #quiz_heading, 
  #learndash_lesson_topics_list div > strong{
    background-color: #e9e9e9;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0;
  }

  #learndash_lessons, 
  #learndash_quizzes, 
  #learndash_profile, 
  #learndash_lesson_topics_list > div{
    border-radius: 0;
    border-color: #ccc;
    box-shadow: none;
  }

  #lessons_list > div h4, 
  #course_list > div h4, 
  #quiz_list > div h4, 
  #learndash_lesson_topics_list ul > li > span.topic_item{
    border-color: #ccc;
  }

  #learndash_lessons, 
  #learndash_quizzes, 
  .expand_collapse, 
  .notavailable_message, 
  #learndash_lesson_topics_list div > strong, 
  #learndash_lesson_topics_list div ul > li .sn, 
  .learndash_profile_heading, #learndash_profile a, 
  #learndash_profile div,
  #learndash_lessons a, 
  #learndash_quizzes a, 
  .expand_collapse a, 
  .learndash_topic_dots a, 
  .learndash_topic_dots a > span, 
  #learndash_lesson_topics_list span a{ 
    font-size: 18px; 
    color: #000;
  }

  .learndash-course-link a,
  .lessons_list h4 a{ line-height: 130% !important; }

  #learndash_course_content_title{ 
    margin-bottom: 30px; 
    margin-top: 0;
  }

  #learndash_course_status{
    display: block;
    margin-bottom: 30px;
  }

  .expand_collapse{ top: -20px; }

  .expand_collapse a, 
  #learndash_profile .expand_collapse a{ font-size: 14px; }

  #learndash_mark_complete_button,
  .wpProQuiz_button{
    border: 1px solid;
  }
  
  .learndash-profile-wrap{ margin-top: 70px; }

  .learndash_course_content_top{
    display: flex;
    justify-content: space-between;
  }

  #course-video-lightbox{ display: none; }

  .course-video-button{
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 5px 20px;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 120%;
    font-weight: 600;
    transition: all ease-in-out .3s;
    border: 1px solid #62874d;
  }

  .course-video-button span { padding-left: 10px; }

  .course-video-button-play{
    width: 42px;
    height: 42px;
    background-image: url('assets/images/play_button2.png');
    transition: background-position .3s ease;
    -webkit-transition: background-position .3s ease;
  }

  .course-video-button:hover .course-video-button-play{ background-position: bottom center; }

  .course-video-button:hover{
    background-color: #62874d;
    color: #fff;
  }

/*--------------------------------------------------------------
# PAGE: SEARCH
--------------------------------------------------------------*/
  .search-results .site-header{  border-bottom: 1px solid #c8c8c8;  }

  .search-results .site-main{ padding-top: 100px; }

  .search-results .page-header{ padding-top: 50px; }

  .search-results h2.entry-title{
    font-size: 30px;
    margin-bottom: 15px;
  }

  .search-results article.entry{
    border-bottom: 1px solid #c8c8c8;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .search-results article.entry:last-child{ border-bottom: none; }

  .excerpt-wrap{
    display: flex;
    flex-wrap: wrap;
  }

  .excerpt-image{
    flex: 0 0 330px;
    width: 100%;
    max-width: 330px;
    height: 200px;
    box-sizing: border-box;
    padding-right: 30px;
  }

  .excerpt-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .excerpt-content{ flex: 1; }

  .excerpt-content p{ margin: 0; }

  .pagination{  text-align: center; }

  .pagination .nav-links{ 
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch; 
    margin-top: 30px;
  }

  .pagination .page-numbers{
    border: 1px solid #62874d;
    padding: 12px 15px;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px 4px;
    width: 20px;
    height: 20px;
    transition: all ease-in-out .3s;
  }

  .pagination .page-numbers.next,
  .pagination .page-numbers.prev{ width: auto; }

  .pagination .page-numbers.current,
  .pagination .page-numbers:hover{
    background-color: #62874d;
    color: #fff;
  }
  #mc_signup_form{
  }

  #mc_signup_form label{
    font-weight: 700;
    font-size: 18px;
  }

  /*#mc_signup_form .mc_address_label{ font-size: 15px; }*/

  #mc_signup_form .mc_input,
  #mc_signup_form select{
    font-size: 15px;
    box-sizing: border-box;
    padding: 11px 15px;
    font-family: 'Montserrat',sans-serif;
  }

  #mc_signup_form #mc_signup_submit{
    background: transparent;
    border: 1px solid #62874d;
    color: #62874d;
    border-radius: 0;
    font-size: 18px;
    line-height: 26px;
    padding: 10px 25px;
    transition: all ease .5s;
    font-family: 'Montserrat', sans-serif;
    margin: 20px auto 0;
    display: block;
    width: auto;
    text-transform: uppercase;
  }

  #mc_signup_form #mc_signup_submit:hover{ 
    background-color: #62874d; 
    color: #fff;
  }

/*--------------------------------------------------------------
# INNER CTA
--------------------------------------------------------------*/
  .inner-cta .fl-row-content-wrap{ background-size: 280px !important; }


  .display_archive {}
  .campaign{
    line-height: 130%;
    font-size: 19px;
    margin-bottom: 10px;
  }


/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
  @media screen and (max-width: 1650px) {
    .single-wp5_teaching .site-main .container-fluid{
      box-sizing: border-box;
      padding-left: 20px;
      padding-right: 20px;
    }
  }

  @media screen and (max-width: 1518px) {
    .banner-title h3{ font-size: 2em; }
  }

  @media screen and (max-width: 1400px) {
    .banner-image{ height: 100%; }

    .has_hover_content .banner-content { bottom: 0px; }

    .banner-title h3{ font-size: 2em; }

    .has_hover_content .banner-title{ margin-bottom: 10px; }
    
    .banner-content{ padding: 30px; }

    .banner-content ul li{ 
      margin: 25px 0; 
      font-size: 1em;
    }

    .no_hover_content .banner-title h3{ font-size: 2em; }
  }

  @media screen and (max-width: 1279px){
    #story-grid .eg-living-hope-skin-element-0 { font-size: 14px !important; }
  }

  @media screen and (max-width: 1217px) {
    .site-header .max-mega-menu > li { 
      margin-left: 15px !important; 
      margin-right: 15px !important;
      transition: all 0.4s ease;
    }
  }

  

  @media screen and (max-width: 1200px) {
    .single .content-area .container-fluid,
    .search-results .content-area .container-fluid{
      box-sizing: border-box;
      padding-left: 20px;
      padding-right: 20px;
    }

    .podcast-embed-code iframe, 
    .teaching-embed-code iframe{ height: 400px !important; }

    .staff-item-image{ 
      height: 300px; 
      transition: height .3s linear;
    }

    .staff-item p{ font-size: 16px; }

    .staff-item-email .fa { margin-right: 5px; }

    .staff-item-phone .fa { margin-right: 9px; }
    
    .inner.woocommerce-cart .site-content .container-fluid,
    .inner.woocommerce-checkout .site-content .container-fluid,
    .inner.woocommerce-account .site-content .container-fluid{
      box-sizing: border-box;
      padding-left: 15px;
      padding-right: 15px;
    }
  }

  @media screen and (max-width: 1140px){
	.woocommerce div.product .woocommerce-product-information form.cart{ flex-direction: column; }
  }

  @media screen and (max-width: 1138px) {
    .banner-title h3{ font-size: 1.5em; }

    .woocommerce .woocommerce-product-relation ul.products li.product a img { height: 350px; }
  }

  @media screen and (max-width: 1112px) {
    .site-header .max-mega-menu > li { 
      margin-left: 10px !important; 
      margin-right: 10px !important;
    }

  }

  @media screen and (max-width: 1105px) {
    .site-header{ 
      height: 65px; 
      border-top: 1px solid #c8c8c8;
    }

    .site-header .container-fluid { width: 98%; }

    .site-header-container{ 
      height: 100%; 
      align-items: stretch;
    }

    .header-column{ 
      margin-top: auto;
      margin-bottom: auto;
    }

    .header-navigation{ position: relative; }

    .header-navigation:before{
      position: absolute;
      top: -13px;
      left: -10px;
      height: 65px;
      width: 1px;
      background: #ccc;
      content: '';
    }

    .home .site-header { background: #fff; }

    .home .site-banner{ padding-top: 66px; }

    .header-right-navigation{ display: none; }

    .site-header #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1:after{
      content: url('assets/images/menu-icon.PNG');
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item-has-children:before{
      content: url('assets/images/arrow-down.png');
      display: block !important;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link,
    .home #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{ color: #000; }

    .site-header .mega-menu-wrap .mega-menu > li > ul.mega-sub-menu:before{ display: none !important; }

    .site-header .search-form{ position: relative; }

    .site-header .search-form .search-field{
      width: 100%;
      background: #000;
      color: #fff;
      font-family: 'Montserrat', sans-serif;
      border: 1px solid #ccc;
      box-sizing: border-box;
      padding: 12px 15px;
      font-weight: 700;
      text-transform: uppercase;
      border-radius: 20px;
      font-size: 12px;
    }

    .site-header .search-form ::-webkit-input-placeholder {color: #fff;}
    .site-header .search-form :-moz-placeholder {color: #fff; opacity: 1;}
    .site-header .search-form ::-moz-placeholder {color: #fff; opacity: 1;}
    .site-header .search-form :-ms-input-placeholder {color: #fff;}

    .site-header .search-form .search-submit{
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      border: none;
      background: transparent;
      color: #62874d;
      font-size: 25px;
      box-sizing: border-box;
      padding-right: 12px;
      line-height: 120%;
      margin-top: -2px;
    }

    .site-inner-banner,
    .page-container,
    .learndash-page .site-content,
    .single-wp5_podcast .site-main, 
    .single-wp5_staff .site-main, 
    .single-wp5_teaching .site-main,
    .search-results .site-main{ padding-top: 65px; }

    .site-inner-banner-image { 
      height: 350px; 
      transition: height 0.4s linear;
    }

    .site-footer{ padding: 10px 0; }

    .footer-navigation{ display: none; }

    .banner-alternate-wrap{ padding-top: 65px; }
  }

  @media screen and (max-width: 1045px) {
    .staff-item { 
      flex-basis: 33%; 
      padding-left: 8px;
      padding-right: 8px;
    }
  }

  @media screen and (max-width: 1024px) {
    .live-hope-grid-theme .esg-filterbutton{
      padding-top: 12px !important;
      padding-bottom: 12px !important;
      font-size: 16px !important;
    }

    .woocommerce #content .woocommerce-product-information div.product div.summary, 
    .woocommerce div.product .woocommerce-product-information div.summary,
    .woocommerce-page #content div.product .woocommerce-product-information div.summary, 
    .woocommerce-page div.product .woocommerce-product-information div.summary,
    .learndash-featured-information{ padding-left: 25px; }

    .woocommerce div.product h1.product_title,
    .learndash-banner h1{ 
      font-size: 30px; 
      line-height: 130%;
    }

    .woocommerce div.product .woocommerce-product-information p.price{ font-size: 25px; }

    .list-2{ column-count: 1; }
  }

  @media screen and (max-width: 950px) {
    .podcast-wrapper, 
    .teaching-wrapper{ flex-direction: column; }

    .podcast-embed-content, 
    .teaching-embed-content{
      padding-left: 0;
      margin-top: 15px;
    }

    .podcast-embed-code iframe, 
    .teaching-embed-code iframe { height: 500px !important; }

    .banner-content ul li { 
      font-size: .8em; 
      margin: 20px 0;
    }

    .woocommerce-product-information-wrapper{ flex-direction: column; }

    .single-product.woocommerce div.product div.images.woocommerce-product-gallery{ margin-bottom: 15px !important; }
  }

  @media screen and (max-width: 917px) {
    .banner-title h3{ font-size: 1.3em; }
  }

  @media screen and (max-width: 899px) {
    .inner.woocommerce-cart .site-content h3,
    .inner.woocommerce-account .site-content h3,
    .inner.woocommerce-checkout .site-content h3{ font-size: 29px; }
  }

   @media screen and (max-width: 847px){
    .featured-section h4{ font-size: 27px; }
  }

  @media screen and (max-width: 830px) {
    .banner-title h3 { font-size: 22px; }

    .banner-content {
      padding-left: 15px; 
      padding-right: 15px;
    }

    .has_hover_content .banner-title{ min-height: unset; }

    .no_hover_content .banner-title h3 { font-size: 1.5em; }

    .site-inner-banner-image { 
      min-height: 300px; 
      height: 100%;
    }

    .site-inner-banner h1{ font-size: 40px; }  

    .excerpt-image{ max-width: 250px; }
  }

  @media screen and (max-width: 776px){
    .featured-section h4 {
        font-size: 25px;
    }
  }

  @media screen and (max-width: 768px) {
    .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text, 
    .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text * { 
      font-size: 20px !important; 
      line-height: 40px !important; 
    }

    .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-content{
      padding-top: 0;
      padding-bottom: 0;
    }

    .home-featured-products li.product{ margin-bottom: 0 !important; }

    .latest-title .fl-node-content{ margin: 0; }

    .eg-living-hope-blog-skin-content{ padding-top: 0 !important; }
    .esg-grid .mainul li.eg-living-hope-blog-skin-wrapper{ flex-direction: column; }
    .esg-grid .mainul li.eg-living-hope-blog-skin-wrapper .esg-media-cover-wrapper{
      height: 250px;
      max-width: 250px;
      margin: 0 auto;
    }

    .inner .eg-living-hope-blog-skin-element-0{ font-size: 28px !important; }

    .podcast-embed-code iframe, 
    .teaching-embed-code iframe { height: 400px !important; }

    .staff-item { flex-basis: 50%; }

    .staff-item-image { height: 400px; }

    #add_payment_method .wc-proceed-to-checkout a.checkout-button, 
    .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
    .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{ font-size: 18px; }

    .woocommerce-account .woocommerce-MyAccount-content{ margin-top: 20px; }

    .footer-information{ flex-direction: column; }

    .footer-logo{ margin-bottom: 30px; }

    .footer-contacts{ padding-left: 0; }
  }

  @media screen and (max-width: 750px) {
    .staff-single-left{
      float: none;
      margin: 0 auto 20px;
      padding-right: 0;
    }

    .banner-image { height: 100%; }

    .banner-title h3 { font-size: 17px; }

    .banner-content ul li { font-size: 14px; }

    .no_hover_content .banner-title h3 { font-size: 1.5em; }

    .has_hover_content:hover .banner-title{ display: none; }

    .banner-content ul li { 
      margin-top: 30px;
      margin-bottom: 30px; 
    }

    .has_hover_content .banner-title{ margin-bottom: 0; }

    .has_hover_content .banner-title:before{ display: none; }

    .has_hover_content .banner-title h3 {
      display: inline-block;
      padding-right: 25px;
      box-sizing: border-box;
    }

    .has_hover_content .banner-title h3:last-child{
      background: url('assets/images/main-arrow-mobile.png')no-repeat center right;
    }

    .banner-content{ padding: 15px; }
  }

  @media screen and (max-width: 710px) {
    .banner-item{ flex-basis: 50%; }

    .banner-image { height: 350px; }

    .banner-title h3 { font-size: 30px; }

    .no_hover_content .banner-title h3 { font-size: 1.8em; }

  }

  @media screen and (max-width: 700px) {
    .learndash_course_content_top{
      flex-direction: column;
      margin-bottom: 40px;
    }

    #learndash_course_content_title { margin-bottom: 15px; )
  }

  @media screen and (max-width: 650px) {
    .excerpt-wrap{ flex-direction: column; }
    .excerpt-image{
      flex-basis: 100%;
      padding-right: 0;
      display: block;
      margin: 0 auto 10px;
    }
  }

  @media screen and (max-width: 641px) {
    #content .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
    #content .gform_wrapper select{
      padding-top: 0;
      padding-bottom: 0;
    }

    .gform_wrapper .ginput_complex .ginput_left, 
    .gform_wrapper .ginput_complex .ginput_right{ 
      width: 100% !important; 
      padding-right: 0 !important;
    }

    body .gform_wrapper .ginput_complex.ginput_container_address span.ginput_right+span.ginput_left { padding-right: 0!important; }
  }

  @media screen and (max-width: 600px) {
    .woocommerce-product-information-wrapper,
    .learndash-banner-wrapper{ flex-direction: column; }

    .woocommerce-product-information,
    .learndash-banner{ padding: 50px 0 0 0; }

    .woocommerce #content .woocommerce-product-information div.product div.summary, 
    .woocommerce div.product .woocommerce-product-information div.summary, 
    .woocommerce-page #content div.product .woocommerce-product-information div.summary, 
    .woocommerce-page div.product .woocommerce-product-information div.summary,
    .learndash-featured-information{ padding-left: 0; }

    .woocommerce #content .woocommerce-product-information div.product div.images, 
    .woocommerce div.product .woocommerce-product-information div.images, 
    .woocommerce-page #content div.product .woocommerce-product-information div.images, 
    .woocommerce-page div.product .woocommerce-product-information div.images,
    .learndash-featured-image-wrap{ margin-bottom: 15px; }

    .woocommerce ul.products li.product .woocommerce-loop-category__title, 
    .woocommerce ul.products li.product .woocommerce-loop-product__title{ 
      font-size: 16px; 
      line-height: 130%;
    }

    .woocommerce ul.products[class*=columns-] li.product, 
    .woocommerce-page ul.products[class*=columns-] li.product{ margin-bottom: 15px; }

    .magazine-grid-boxes{ flex-direction: column; }
  }

  @media screen and (max-width: 576px){
    .support-section h2 { font-size: 33px; transition: font-size 0.4s linear;}
  }

  @media screen and (max-width: 570px){
    .site-logo, 
    .custom-logo { width: 235px; }

    .site-header .container-fluid { width: 95%; }

    .banner-title h3 { font-size: 25px; }
  }

  @media screen and (max-width: 514px) {
    .fl-builder-content .button_mobile a.fl-button{
      font-size: 16px;
      transition: font-size .3s linear;
    }
  }

  @media screen and (max-width: 500px) {
    p, .gform_wrapper span.gform_description, .inner #content li{
      font-size: 14px;
      line-height: 28px !important;
    }

    h1{ font-size: 35px; }
    h2{ font-size: 28px; }
    h3{ font-size: 24px; }
    h4{ font-size: 21px; }
    h5{ font-size: 18px; }
    h6{ font-size: 14px; }

    .fl-builder-content a.fl-button, 
    .fl-builder-content a.fl-button:visited, 
    #content .gform_wrapper .gform_footer input.button, 
    #learndash_mark_complete_button, .wpProQuiz_button{ font-size: 14px; }

    .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text, 
    .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text * { 
      font-size: 14px !important; 
      line-height: 28px !important; 
    }

    .site-footer .copyright{ flex-direction: column; }

    .live-hope-grid-theme .esg-pagination{ flex-wrap: wrap; }

    .site-footer p, 
    .copyright-navigation ul li{ margin: 0; }

    .woocommerce div.product h1.product_title,
    .learndash-banner h1{ font-size: 25px; }

    #lessons_list > div > div, 
    #course_list > div > div, 
    #quiz_list > div > div, 
    .single-sfwd-lessons #learndash_lesson_topics_list ul > li > span.sn, 
    .singular-sfwd-lessons #learndash_lesson_topics_list ul > li > span.sn{ width: 11%; }

    .podcast-embed-code iframe, 
    .teaching-embed-code iframe { height: 300px !important; }

    .staff-item-image { height: 350px; }

    .single-wp5_staff h1 { font-size: 28px; }

    .staff-single-position { font-size: 16px; }

    .staff-single-right h6 { font-size: 14px; }

    .inner.woocommerce-cart .content-area, 
    .inner.woocommerce-checkout .content-area, 
    .inner.woocommerce-account .content-area { padding-top: 30px; } 

    .woocommerce form .form-row input.input-text, 
    .woocommerce form .form-row textarea, 
    .woocommerce form .form-row .select2-container--default .select2-selection--single { font-size: 14px; }

    .woocommerce form .form-row-first, 
    .woocommerce form .form-row-last, 
    .woocommerce-page form .form-row-first, 
    .woocommerce-page form .form-row-last{ width: 100%; }

    .woocommerce form .form-row{ padding: 0; }

    .payment_method_stripe label{ font-size: 14px; }

    .inner #content .woocommerce-MyAccount-navigation ul li{
      font-size: 14px;
      padding-top: 7px;
      padding-bottom: 7px;
    }

    .inner.woocommerce-cart h1,
    .inner.woocommerce-checkout h1,
    .inner.woocommerce-account h1{ margin-bottom: 10px; }

    .search-results h2.entry-title { font-size: 20px; }

    .search-results h1{ margin-bottom: 0; }

    .search-results article.entry{
      padding-top: 20px;
      padding-bottom: 20px;
    }

    h3.footer-label{ text-align: center; }

    .footer-contacts dl dd{
      font-size: 16px;
      line-height: 120%;
      margin-left: 10px;
    }

    .footer-contacts dl dt{
      width: 100%;
      max-width: 35px;
    }

    .footer-contacts dl {
      box-sizing: border-box;
      padding-left: 10px;
      padding-right: 10px;
    }
  }

  @media screen and (max-width: 450px) {
    .woocommerce ul.products li.product .woocommerce-loop-category__title, 
    .woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size: 14px; }

    .staff-item { flex-basis: 100%; }

    .featured-resources-image .fl-post-grid-image { height: 400px; }

    .featured-resources-image .fl-post-grid{
      margin-left: 0;
      margin-right: 0;
    }

    .featured-resources-image .fl-post-grid .fl-post-column{
      padding-left: 0;
      padding-right: 0;
    }

    .featured-resources-image .fl-post-grid .fl-post-grid-title,
    .the-latest-home .fl-post-grid .fl-post-grid-title{ font-size: 17px; }
  }

  @media screen and (max-width: 425px) {
    #learndash_lessons .right, 
    #learndash_quizzes .right, 
    #learndash_profile .learndash_profile_heading .ld_profile_status,
    #learndash_profile .learndash_profile_heading .ld_profile_certificate{
      float: none;
      text-align: left;
      width: 100%;
      display: block;
    }

    #learndash_profile .learndash-course-link,
    #learndash_profile .learndash-course-status,
    #learndash_profile .learndash-course-certificate{
      width: 100%;
      float: none;
      text-align: left;
    }

    #learndash_profile .learndash-course-status a{ background-position: left center; }

    #learndash_profile .learndash-course-certificate a{ line-height: 130%; }

    .podcast-embed-code iframe, 
    .teaching-embed-code iframe { height: 250px !important; }
  }

  @media screen and (max-width: 354px) {
    .woocommerce .woocommerce-product-information button.button.alt{
      padding-left: 30px;
      padding-right: 30px;
    }

    .woocommerce-product-relation h2 { font-size: 25px; }
  }