	<footer id="footerSite">
		<div class="container">
			<div class="navbrand"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo get_bloginfo( 'name' ) ?>" style="background:url() no-repeat left top;"><?php echo get_bloginfo( 'name' ) ?>
					<img class="logo-desk" src="<?php the_field('logo_footer','Options');?>" alt="">
					<img class="logo-mobile" src="<?php the_field('logo_footer_mobile','Options');?>" alt="">
				</a></div>
			<?php if( have_rows('social_network', 'Options') ): ?>
			<nav class="socialMenu">
				<ul>
				<?php while( have_rows('social_network', 'Options') ): the_row(); ?>
					<li><a href="<?php the_sub_field('link'); ?>" target="_blank"><img src="<?php the_sub_field('icon_footer'); ?>" alt="<?php the_sub_field('name'); ?>"></a></li>
				<?php endwhile; ?>
				</ul>
			</nav>
			<?php endif; ?>		
			<div class="newsletter">
				<p>Subscribe to Our Newsletter</p>
				
				<?php echo do_shortcode('[mc4wp_form id="22951"]'); ?>
			</div>
			<div class="menus">
				<hr class="hideDesktop">
				<nav>
					<?php
						wp_nav_menu(
							array(
							'menu' => 'Main',
							'container' => false,
							'menu_class' => 'nav navbar-nav',
							'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
							)
						);
					?>
				</nav>
				<hr>
				<nav class="pagesMenu">
					<?php
						wp_nav_menu(
							array(
							'menu' => 'Pages',
							'container' => false,
							'menu_class' => 'nav navpages',
							'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
							)
						);
					?>
				</nav>
				<hr>
				<p class="copyright"><?php the_field('copyright', 'Options'); ?></p>
				<!-- <script src="https://cdn.jsdelivr.net/npm/cappen-sign/dist/cappen-sign/cappen-sign.js"></script>
				<cappen-sign style="--sign-primary-color: #fff;" class="bt-cappen"></cappen-sign> -->
			</div>
		</div>
	</footer>
	<?php wp_footer(); ?>

	<script src="<?php echo get_template_directory_uri(); ?>/scripts/main.js"></script>
	<style>	
		<?php
			$categories = get_categories( array(
				'orderby' => 'name',
				'order'   => 'ASC',
				'parent'  => 0
			) );
		?>
		<?php 
			foreach( $categories as $category ) {
				$color = get_field('color', $category);
				$color0 = ($color)? $color : '#1a1736' ;
				$colorcat = '.color-cat-'.$category->slug;
				$bordercat = '.border-cat-'.$category->slug;
				$bgcat = '.bg-cat-'.$category->slug;
				$btcat = '.bt-cat-'.$category->slug;
				$btcatfull = '.bt-cat-'.$category->slug.'-full';
		?>
				<?php echo $btcat; ?>{
					color: <?php echo $color0; ?>; 
					border-color: <?php echo $color0; ?>;
				}
				<?php echo $btcatfull; ?>{
						background: <?php echo $color0; ?>;
						color: #fff;
						border-color: <?php echo $color0; ?>;
					}
				<?php echo $colorcat; ?>{
					color: <?php echo $color0; ?>;
				}
				<?php echo $bgcat; ?>{
					background-color: <?php echo $color0; ?>;
				}
				<?php echo $bordercat; ?>{
					border-color: <?php echo $color0; ?>;
				}
			<?php } ?>
		@media only screen and (min-width: 1024px) {
			<?php
				foreach( $categories as $category ) {
					$color = get_field('color', $category);
					$color0 = ($color)? $color : '#1a1736' ;
					$btcat = '.bt-cat-'.$category->slug;
					$bgarticlehover = '.bg-article-'.$category->slug.'-hover';
					$link = '.link-cat-'.$category->slug;
				?>
					<?php echo $bgarticlehover; ?>:hover{
						background: rgba(<?php echo hex2RGB($color0, true, ","); ?>, 0.1);
					}
					<?php echo $bgarticlehover; ?>:hover <?php echo $btcat; ?>{
						background: <?php echo $color0; ?>;
						color: #fff;
						border-color: <?php echo $color0; ?>;
					}
					<?php echo $bgarticlehover; ?>:hover <?php echo $link; ?>{
						color: <?php echo $color0; ?>;
					}
					<?php echo $btcat; ?>:hover{
						background: <?php echo $color0; ?>;
						color: #fff;
						border-color: <?php echo $color0; ?>;
					}
					<?php echo $link; ?>:hover,
					.component-linkarticle.medium:hover <?php echo $link; ?>,
					<?php echo $link; ?>.component-cardarticle:hover a {
						color: <?php echo $color0; ?>;
					}
					
					
					
				<?php 
				} 
			?>
		}
	</style>
</body>
</html>