/*
==  THEME DETAILS  ============================================================
    Theme Name: DFF Logistics
	Theme URI: https://www.dff-logistcs.com/
    Description: Stylesheet voor DFF Logistics
    Version: 1.0
   	Author: Alfabet Reclame
    Author URI: https://www.alfabetreclame.nl/

===============================================================================
*/

/*---------------------------------------------- 
	1.1 Basics
------------------------------------------------*/
	html {
  		font-size: 20px;
	}

	body {
      	font-family: 'Roboto', sans-serif;
		font-size: 0.9rem;
	  	line-height: 1.25rem;
		font-weight: 400;
		color: #000;
		background: #F2F2F2; 
		-webkit-font-smoothing: antialiased;
  		-moz-osx-font-smoothing: grayscale;
	}
	
	a, a:hover, .btn, .btn:hover , .transition {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		text-decoration:none;	
	}
	
	p , figure , blockquote ,
	.list-inline-item:not(:last-child) {
		margin: 0;	
	}

	a {
		color: #AFCA0B;
	}

	a:hover {
		color: #000;
	}

	button:focus ,
	:focus {
		outline: 0 !important;
	}
	
	h1, h2, h3, h4 {
		color: #AFCA0B;
        font-weight: 400;
		line-height: 1.2;
		margin: 0;
		padding: 0;
	}

	h1 {
		font-size: 2.25rem;
	}

	h2 {
		font-size: 2.25rem;
	}	

	h3 {
		font-size: 1.5rem;
	}

	h4 {
		font-size: 1.25rem;
	}

	h1 strong ,
	h2 strong {
		font-weight: 700;
		color: #1D3A69;
	}

	.bold {
		font-weight: 700
	}

	.font-alternative {
		font-family: industry, sans-serif;
	}

	ul {
		margin: 0;
		padding: 0;
	}

	.mb-5 {
		margin-bottom: 2rem !important;
	}

    .padding-section {
		padding: 3rem 0;
	}

	.rounded {
		-webkit-border-radius: 10px !important;
		-moz-border-radius: 10px !important;
		border-radius: 10px !important;
	}

	@media (min-width: 1200px) {
		.container {
			max-width: 1200px;
		}	
	}

	@media all and (max-width: 1440px) {
    	html {
			font-size: 18px;
		}
	}

    @media all and (max-width: 1200px) {
        html {
			font-size: 16px;
		}
	}

	 @media all and (max-width: 767px) {
        html {
			font-size: 15px;
		}
	}

/* Buttons -------------------------------------- */
	.btn-primary, 
	.btn-primary:active {
		background: #AFCA0B;
    	color: #FFF;
    	border: none;
	}
	
	.btn-primary:hover {
		background: #1D3A69;
		color: #FFF;
		text-decoration:none;
	}

	.btn-primary i {
		color: #1D3A69;
	}

	.btn-secondary {
		background: #1D3A69;
    	color: #FFF;
    	border: none;
	}

	.btn-secondary i {
		color: #AFCA0B;
	}
	
	.btn-secondary:hover {
		background: #AFCA0B;
		color: #FFF;
		text-decoration:none;
	}

	.btn-secondary:hover i {
		color: #1D3A69;
	}

	.btn i {
		font-size: 1.5rem;
		line-height: 1;
		float: left;
		padding-right: 0.6rem;
	}

	.btn {
		font-size: 0.9rem;
      	font-weight: 400;
		line-height: 1.5rem;
		padding: 0.7rem 1.25rem;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

    button:focus ,
	.btn:focus {
		outline: 0 !important;
		box-shadow: none !important;
	}

/* Content Block -------------------------------------- */	
	.content-block p + p ,
	.content-block p + h2 ,
	.content-block p + h3 ,
	.content-block p + h4 ,
	.content-block ul + p ,
	.content-block ul + h3 {
		margin-top: 1.5rem !important;
	}
	
	.content-block h1 {
		margin-bottom: 1.75rem;
	}

	.content-block h3 {
		margin-bottom: 0.25rem;
	}

	.content-block ul {
		list-style: none;
	  	padding: 0;
	}
	
	.content-block li {
  		position: relative;
		padding-left: 20px;
	}

	.content-block ul li:before {
		content: "\f0da";
		font-family: 'Font Awesome 5 Pro';
		font-weight: 900;
		position: absolute;
    	left: 0;
		color: #AFCA0B;
	}

	.content-block .btn {
		margin: 0.25em;
		padding: 0.7rem 1.25rem 0.7rem 2.25rem;
		position: relative;
	}

    .content-block .btn:before {
		font-family: 'Font Awesome 5 Pro';
		font-size: 1.5rem;
		line-height: 1;
		content: "\f0da";
		font-weight: 900;
		position: absolute;
		left: 1rem;
		color: #1D3A69;
	}

	.content-block .btn:hover:before {
		color: #AFCA0B;		
	}

	.content-block img.aligncenter {
		margin: 0 auto;
		 display: block;
	}

	.content-block .embed-responsive {
		margin: 1.5rem 0;
	}

	.content-block ul.bestemmingen {
		margin-top: 1.5rem;
		-webkit-column-count: 3; 
		-moz-column-count: 3; 
		column-count: 3;
		webkit-column-gap: 1.5rem;
		-moz-column-gap: 1.5rem;
		column-gap: 1.5rem;
	}

	@media all and (max-width: 767px) {
		.content-block ul.bestemmingen {
			-webkit-column-count: 1; 
			-moz-column-count: 1; 
			column-count: 1;
			webkit-column-gap: 0;
			-moz-column-gap: 0; 
			column-gap: 0;
		}
	}

/* Thumbnail Gallery -------------------------------------- */
	a.thumbnail-gallery {
		position: relative;
		display: block;
	}
	
	a.thumbnail-gallery img {
		width: 100%;
	}
	
	a.thumbnail-gallery:after {
		font-family: 'Font Awesome 5 Pro';
		content: '\f067';
		font-weight: 400;
		font-size: 1rem;
  		position: absolute;
		right: 0;
  		bottom: 0;
  		color: #AFCA0B;
		height: 70px;
		width: 70px;
		line-height: 100px;
		text-align: right;
		padding: 0 0.75rem 0 0;
		background-image: url("../svg/thumbnail-bg.svg");
		background-position: center right;
		background-size: cover;
		background-repeat: no-repeat;
	}

	a.thumbnail-gallery + a.thumbnail-gallery {
		margin-top: 1rem;	
	}
	
	@media all and (max-width : 767px) { 
		a.thumbnail-gallery:after{
			display: none;
		}
	}

/*---------------------------------------------- 
	1.2 Colors
------------------------------------------------*/
	.text-blue {
		color: #1D3A69 !important;
	}

	.text-green {
		color: #AFCA0B !important;
	}

	.bg-blue {
		background: #1D3A69 !important;
	}

    .bg-green {
        background: #AFCA0B !important;
    }

/*---------------------------------------------- 
	1.4 WPML 
------------------------------------------------*/
	.wpml-ls-legacy-list-horizontal {
		padding: 0;
		border: none;
	}

	.wpml-ls-legacy-list-horizontal a {
		padding: 0;
	}

	.wpml-ls-legacy-list-horizontal li + li {
		margin-left: 8px !important;
	}
	
/*---------------------------------------------- 
	2.1 Header Top
------------------------------------------------*/
	#header-top {
		height: 40px;
		background-color: #FFF;
		background-image: url("../svg/header-top-bg.svg");
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;	
	}

	#header-top .contactgegevens i {
		color: #FFF;
	}

	#header-top .contactgegevens span {
		font-size: 0.75rem;
		line-height: 40px;
		color: #FFF;
		display: inline-block;
	}

	#header-top .phone a {
		font-weight: 700;
		line-height: 2.25rem !important;
		height: 2.25rem;
		width: auto;
		padding: 0 0.75rem;
		background: #AFCA0B;
		color: #FFF;
		display: inline-block;
		margin: 0;
		position: absolute;
		top: 0.9rem;
		z-index: 9;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
	}

	#header-top .phone a i {
		font-size: 1rem;
		padding-right: 0.25rem;
		color: #1D3A69 !important;
	}

	#header-top .phone a:hover {
		background: #F2F2F2;
		color: #1D3A69;
	}

	@media all and (max-width: 767px) {
		#header-top {
			background-image: none;
			background-color: #1D3A69;
		}
	}

/*---------------------------------------------- 
	2.2 Header 
------------------------------------------------*/
	#header {
		background: #FFF;
	}

	#header .brand {
		position: relative;
		top: -20px;
	}

/*---------------------------------------------- 
	2.3 Navigation
------------------------------------------------*/
	#navigation #hoofdmenu li a {
        font-size: 1rem;
		font-weight: 700;
        color: #14367A;
		line-height: 1.25rem;
		padding: 0;
		background: none;
	}

	#navigation #hoofdmenu li a:before {
		font-family: 'Font Awesome 5 Pro';
		font-size: 1.1rem;
		font-weight: 900;
		line-height: 2.5rem;
		content: "\f0da";
		color: #AFCA0B;
		padding-right: 0.4rem;
	}

	#navigation #hoofdmenu li.home a:before {
		content: none;	
	}

	#navigation #hoofdmenu li.home a {
		background: #14367A;
		color: #FFF;
		font-size: 1rem;
		height: 2.5rem;
		width: 2.5rem;
		line-height: 2.5rem;
		text-align: center;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
	}

	#navigation #hoofdmenu li + li {
		margin-left: 1.75rem;	
	}

	#navigation #hoofdmenu li a:hover {
		color: #AFCA0B;
	}

	#navigation #hoofdmenu li.home a:hover {
		background: #AFCA0B;
		color: #FFF;
	}

/* Dropdown Menu -------------------------------------- */	
	#navigation #hoofdmenu .dropdown-menu {
		background: #FFF;
		padding: 0.5rem 0;
		min-width: 180px;
		border: none;	
		margin: 0;
		z-index: 99;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
		-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
		box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
	}

	#navigation #hoofdmenu .dropdown-menu li {
		padding: 0 !important;
	}

	#navigation #hoofdmenu .dropdown-menu li a {
		font-size: 0.9rem;
		font-weight: 500;
   	 	line-height: 1;
    	padding: 0.8rem 1rem !important;
		text-align: left;
		text-transform: inherit;
		border: none;
	}

	#navigation #hoofdmenu .dropdown-menu li a:before {
		font-size: 0.9rem;
		font-weight: 900;
		content: "\f0da";
		line-height: 0.9rem;
	}

	#navigation #hoofdmenu .dropdown-menu li a:hover ,
	#navigation #hoofdmenu .dropdown-menu li a.active {
		color: #AFCA0B !important;
	}

	#navigation #hoofdmenu .dropdown-menu li + li {
		margin: 0;
		border-top: 1px solid #E8E8E8;
	}

	#navigation #hoofdmenu .dropdown-toggle::after {
		display: none !important;
	}
	
	#navigation .dropdown:hover>.dropdown-menu {
		display: block;
	}

	#navigation .dropdown>.dropdown-toggle:active {
		pointer-events: none;
	}

/*---------------------------------------------- 
	2.3 Navigation Mobile
------------------------------------------------*/
	#navigation-mobile .cd-dropdown-trigger {
		display: block;
    	position: relative;
    	padding: 0;
		font-size: 1.5rem;
		height: 3rem;
		width: 3rem;
		line-height: 3rem;
		background: #14367A;
		color: #FFF;	
		border: none;	
		float: left;
		text-align: center;
		margin: 0;
		z-index: 99;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
	}

	#navigation-mobile .cd-dropdown-trigger i {
		margin: 0;	
	}
	
	#navigation-mobile .cd-dropdown-content a,
	#navigation-mobile .cd-dropdown-content ul a {
		font-size: 1rem;
		color: #FFF;	
		text-align: left !important;
	}

	#navigation-mobile li.home .fa-home:before {
		font-family: 'Roboto', sans-serif;
		content: "Home";
	}

	#navigation-mobile .current_page_item a {
		font-weight: 700;
	}

	#navigation-mobile .cd-dropdown {
		background: #14367A; 
		z-index: 999;
	}
	
	#navigation-mobile .cd-dropdown-wrapper {
		height: auto;
		margin: 0 !important;
	}
	
	#navigation-mobile ul {
		padding-left: 0;
	}
	
	#navigation-mobile .cd-dropdown-content a, 
	#navigation-mobile .cd-dropdown-content ul a {
		border-top-width: 1px;
    	border-bottom-width: 0;
    	border-left-width: 0;
    	border-right-width: 0;
    	border-color: #FFF;
    	border-style: solid;	
	}
	
	#navigation-mobile .cd-dropdown-content .go-back a {
		background: #FFF;
		color: #14367A;
	}

	.go-back a::before, .go-back a::after {
		background: #FFF !important;	
	}
	
	#navigation-mobile .cd-secondary-dropdown > a,
	#navigation-mobile .cd-secondary-dropdown > .go-back a {
  		display: none !important;
		background: #FFF;
	}

	#navigation-mobile .has-children > a::before, 
	#navigation-mobile .has-children > a::after, 
	#navigation-mobile .go-back a::before, .go-back a::after ,
	.cd-dropdown .cd-close::after, 
	.cd-dropdown .cd-close::before {
		background: #AFCA0B !important;
	}

	#navigation-mobile .cd-secondary-dropdown > .go-back a + a {
		display: block !important;
	}

	@media all and (max-width : 992px) { 
		#navigation-mobile .language {
			position: absolute;
			bottom: 1.5rem;
			left: 1.5rem;
		}	
	}



/*---------------------------------------------- 
	3. USP
------------------------------------------------*/
	#usp {
		padding: 0.6rem 0;
	}

	#usp .member span {
		font-size: 1rem;
		line-height: 2.25rem;
		color: #FFF;
		display: block;
		border-right: 1px solid #FFF;
	}

	#usp .item i {
		font-size: 1.1rem;
		color: #AFCA0B;
		padding-right: 0.6rem;
	}

	#usp .item span {
		font-size: 0.8rem;
		color: #FFF;
		
	}

	#usp .member span strong ,
	#usp .item span strong {
		color: #AFCA0B;	
	}

/*---------------------------------------------- 
	3. Presentation
------------------------------------------------*/
	#presentation {
		position: relative;
	}

 	#presentation .overlay {
		position: absolute;
		height: 100%;
		width: 100%;
		z-index: 8;
	}

	#presentation .overlay:before {
		content:"";
		position: absolute;
		left: 0;
		height: 100%;
		width: 60%;
		max-width: 1460px;
		background-image: url("../svg/presentation-overlay.svg");
		background-position: center right;
		background-size: cover;
		background-repeat: no-repeat;	
	}

	#presentation .overlay .content h2 {
		font-size: 3.5rem;
		line-height: 4.5rem;
	}

	#presentation .overlay .content h2 strong {
		color: #FFF;	
	}

	#presentation .overlay .content h2::after {
		font-family: "Font Awesome 5 Pro";
    	font-weight: 900;
		content: "\f111";
		font-size: 1.5rem;
		color: #0282C4;
		display: inline-block;
		margin-left: 1rem;
	}

	#presentation .overlay .content i.icon {
		font-size: 1.5rem;
		color: #0282C4;
		display: inline-block;
		margin-left: 1.5rem;
	}

	#presentation .overlay .content .btn {
		font-size: 1rem;
		font-weight: 700;
		line-height: 2rem;
	}

	#presentation .overlay .content .btn i {
		font-size: 2rem;
		line-height: 2rem;
	}

	#presentation .overlay .content .btn:hover {
		background: #FFF;
		color: #1D3A69;
	}

	#presentation .item {
	   	position: relative;
        background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
    }

	#presentation ,
	#presentation .item {
		height: 580px;
	}

	@media all and (max-width: 1460px) {
		#presentation ,
    	#presentation .item {
			height: 500px;
		}
	}

	@media all and (max-width: 1200px) {
		#presentation ,
		#presentation .item {
			height: 400px;
		}
    	#presentation .overlay:before {
			width: 70%;
		}
		#presentation .overlay .content h2 {
			font-size: 3rem;
			line-height: 4.25rem;
		}
	}

	@media all and (max-width: 992px) {
    	#presentation .overlay:before {
			width: 80%;
		}
	}

	@media all and (max-width: 767px) {
		#presentation ,
		#presentation .item {
			height: 350px;
		}
    	#presentation .overlay:before {
			width: 85%;
		}
		#presentation .overlay .content h2 {
			font-size: 2.75rem;
			line-height: 3.5rem;
		}
		#presentation .overlay .content i.icon {
			font-size: 1rem;
		}
	}


/*---------------------------------------------- 
	4.1 Page Sidebar Menu
------------------------------------------------*/
	#page-content #sidebar .sidebar-menu {
		padding: 0.75rem 0;
	}

	#page-content #sidebar .sidebar-menu li {
		width: 100%;
		display: block;
	}
	
	#page-content #sidebar .sidebar-menu li a {
		color: #FFF;
		border-radius: 0;
		padding: 0.6rem 1rem;
		display: block;
	}

	#page-content #sidebar .sidebar-menu li + li {
		border-top: 1px solid #B4B4B4;
	}

	#page-content #sidebar .sidebar-menu li a:hover ,
	#page-content #sidebar .sidebar-menu li.active a ,
	#page-content #sidebar .sidebar-menu li a.parent.active {
		color: #A5A5A5 !important;
		background: none;
	}

	#page-content #sidebar .sidebar-menu li i {
		color: #AFCA0B;
		padding-right: 0.25rem;
	}

/*---------------------------------------------- 
	4.1 Page Voer ons
------------------------------------------------*/
	#page-content #overzicht-medewerkers .item  {
		overflow: hidden;
	}

	#page-content #overzicht-medewerkers .item img {
		max-width: 270px;
	}

	#page-content #overzicht-medewerkers .item .content .function {
		font-size: 0.8rem;
		color: #FFF;
		display: block;
	}

	#page-content #overzicht-medewerkers .item .content ul li ,
	#page-content #overzicht-medewerkers .item .content ul li a {
		font-size: 0.8rem;
		line-height: 1.5rem;
		color: #FFF;
	}

	#page-content #overzicht-medewerkers .item .content ul li span {
		font-weight: 700;
		color: #AFCA0B;
		display: inline-block;
		width: 1.25rem;
	}

	#page-content #overzicht-medewerkers .item .content .btn:hover {
		background: #FFF;
		color: #1D3A69;
	}

	#page-content #overzicht-medewerkers .item + .item {
		margin-top: 1.25rem;
	}

	@media all and (max-width: 1200px) {
		#page-content #overzicht-medewerkers .item img {
			max-width: 220px;
		}
	}

	@media all and (max-width: 550px) {
		#page-content #overzicht-medewerkers .item img {
			max-width: inherit;
		}
	}	

/*---------------------------------------------- 
	4.3 Page Contact
------------------------------------------------*/
	#page-content #sidebar .contact {
		padding: 2.5em 1.5em;
	}

	#page-content #sidebar .contact li ,
	#page-content #sidebar .contact li a {
		font-size: 0.8rem;
		color: #000;
	}

	#page-content #sidebar .contact li span {
		color: #AFCA0B;
		font-weight: 700;
		display: inline-block;
		width: 25px;
	}

	#page-content #sidebar .contact li strong {
		color: #AFCA0B;
	}
	
	#page-content #sidebar .contact ul + ul {
		margin-top: 2rem;
	}



/* Formulier -------------------------------------- */
	form .form-group {
		width: 100%;
		margin-bottom: 0;
	}

	form .form-group + .form-group {
		margin-top: 0.5rem;
	}
	
	form label {
		font-size: 0.8rem;
		line-height: 2.5rem;
		margin: 0;
	}
	
	form .form-control {
    	background-color: #FFF !important;
		height: 50px;
    	font-size: 16px;
    	line-height: 1.5;
    	background-image: none;
    	border: 1px solid #707070;
		margin: 0;
		box-shadow: none;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	form textarea.form-control {
		height: auto;
	}
		
	form .btn input {
		background: none !important;
		box-sizing: border-box;
		padding-top: 0;
		padding-bottom: 0;
		border: none;
		text-align: center !important;
		cursor: pointer;
		color: #FFF !important;
	}

	form span.wpcf7-list-item {
		height: 50px;
		line-height: 50px;
		font-size: 0.75rem;
		margin: 0;
		width: auto;
	}

	form span.wpcf7-list-item-label {
		margin-left: 30px;
		line-height: 50px;
	}

	form span.wpcf7-list-item:not(:last-child) {
		margin-right: 0.75rem;	
	}

	form input[type=checkbox], input[type=radio] {
		position: absolute;
		height: 50px;
		width: 25px;
	}

	form .btn {
		margin: 1.25rem 0 0 0 !important;
	}

	form .btn:hover input {
		color: #FFF !important;
	}
	
	.wpcf7-spinner {
		display: none;
		width: 0 !important;
	}
	
	div.wpcf7-mail-sent-ok {
		border: none !important;
	}
	
	div.wpcf7-validation-errors {
		border: none !important;
	}
	
	div.wpcf7-response-output {
		margin: 0;
		padding: 0;
	}

	.grecaptcha-badge {
		display: none !important;
		visibility: hidden !important;
	}


	.grecaptcha-badge {
		display: none !important;
		visibility: hidden !important;
	}

	@media all and (max-width: 992px) {
		form {
			margin-bottom: 2.5em;
		}
	}

/* Google Maps -------------------------------------- */
	#google-maps {
		border-top: 20px solid #FFF;
	}

	#google-maps .acf-map {
		width: 100%;
		height: 23.5rem;
	}

/*---------------------------------------------- 
	4.3 Page Offerte
------------------------------------------------*/
	#page-content #sidebar .call-to-action {
		padding: 2.5em 1.5em;
	}

	#page-content #sidebar .call-to-action .btn:hover {
		background: #FFF;
		color: #1D3A69;
	}

/*---------------------------------------------- 
	5.1 Diensten
------------------------------------------------*/
	#diensten .item {
		height: 4.5rem;
		background-color: #1D3A69;
		background-image: url("../svg/diensten-bg.svg");
		background-repeat:no-repeat;
		background-position: left;
		padding: 0.5rem 1.25rem;
	}

	#diensten .item .image {
		width: 5rem;
	}

	#diensten .item span {
		font-size: 1.1rem;
		font-weight: 700;
		color: #FFF;
		text-align: center;
		display: inline-block;
		min-width: 7.5rem;
	}

	#diensten .item:hover span {
		color: #AFCA0B;	
	}

	@media all and (max-width: 992px) {
		#diensten .item {
			max-width: 60%;
			display: inline-block;
			margin: auto;
		}	
	}

	@media all and (max-width: 767px) {
		#diensten .item {
			max-width: inherit;
		}	
	}

/*---------------------------------------------- 
	5.1 Footer Top
------------------------------------------------*/
	#footer-top {
		position: relative;
		background-image: url("../svg/footer-top-bg.svg");
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		height: 200px;	
	}
	
	#footer-top h3 {
		font-size: 2rem;
		font-weight: 300;
	}

	#footer-top h3 strong {
		font-weight: 700;	
	}

	#footer-top ul li ,
    #footer-top ul li a {
		font-size: 1rem;
		line-height: 1.5rem;
		color: #FFF;
        padding: 0;
	}

 	#footer-top ul li a:hover {
		color: #1D3A69;
	}

	#footer-top ul li span {
		font-weight: 700;
		color: #1D3A69;
		display: inline-block;
		width: 1.25rem;
	}

	#footer-top ul + ul {
		margin-left: 1.75rem;
	}

	@media all and (max-width: 992px) {
		#footer-top {
			padding: 3rem 0;
			height: auto;
			background-image: none;
		}
		#footer-top ul {
			text-align: center;
			margin-top: 1rem;
		}
		#footer-top ul li ,
    	#footer-top ul li a {
			color: #000;
		}
		#footer-top ul + ul {
			margin: 1rem 0 0 0;
		}
		
	}

/*---------------------------------------------- 
	5.2 Footer
------------------------------------------------*/
	#footer {
		padding: 2.5rem 0 3.75rem 0;
	}

	#footer #footer-menu li a {
		font-size: 0.8rem;
		line-height: 1.5rem;
		color: #FFF;
		padding: 0;
		background: none;
	}

	#footer #footer-menu  li a:before {
		font-family: 'Font Awesome 5 Pro';
		font-weight: 700;
		content: "\f054";
		color: #AFCA0B;
		padding-right: 0.5rem;
	}

	#footer #footer-menu  li + li {
		margin-left: 1rem;	
	}

	#footer #footer-menu li a:hover {
		color: #AFCA0B;
	}

	#footer .member {
		margin-top: 1.75rem;
	}

	#footer .member i {
		font-size: 2.25rem;
		color: #AFCA0B;
		margin-right: 0.5rem;
	}

	#footer .member span {
		font-size: 1rem;
		color: #FFF;
		display: block;
	}

	#footer .member span strong {
		color: #AFCA0B;
	}