/* ------------------------------------- */
/* 17. footer .......................... */
/* ------------------------------------- */
.footer{
  position:relative;
  background-color: var(--color-vdark);
  color: $color-dark-gray;
  clear: both;
  a:hover{ @extend .color-main; }
  .wg-title, .wg-title a{
	margin-top: 20px;
    margin-bottom: 20px;
	color: #fff;
	font-size: 18px;
    line-height: 22px;
    letter-spacing: 0;
	@extend .bold-weight;
	@extend .font-primary;
  }
  .site-info {
    padding: 50px 15px;
    text-align: center;
    line-height: 23px;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
	margin-top: 80px;
  }
  .button.btn-txt-underlined.txt-lowercase{ 
    margin:10px 0; 
	padding: 0;
    min-height: auto;
	height: auto;
	&:before { opacity:0.2; }
  }
  .location i{ margin-right:5px; position:relative; top:1px;}
  p, a, h5, h6, span, select, select option, td, th{
	line-height: 23px;
	letter-spacing: 0;
	font-weight: 400;
	font-size: 14px;
  }
  ul{ padding:0; list-style:none; }
  form {
      position: relative;
      width:100%;
     .input { padding-bottom:0; }
  }
  input[type="text"] , input[type="email"] , textarea , .input_field{
  		width: 100%;
  		padding: 9px 0;
  		padding-right: 43px;
  		min-height: 43px;
        max-height: 120px;
  }
  .input_field_light , .input_field_light:focus, .input-filled .input_field_light{ background-color:transparent; }
  .widget select {
       background-color: transparent;
	   margin-bottom: 15px;
	   padding: 0 15px;
	   border-color: rgba(255,255,255,0.2);
	   -webkit-appearance: none;
	   -moz-appearance: none;
	   appearance: none;
	   background-image: url(../images/select-arrow.png);
	   background-repeat: no-repeat;
	   background-position: 96% center;
       option{background-color:$color-black;}
  }
  .widget_categories .children,  .widget_nav_menu .sub-menu, .widget_pages .children { margin-left:10px; margin-top:0.6em; margin-bottom:0.6em; }
  .widget_categories .children li li,  .widget_nav_menu .sub-menu li li, .widget_pages .children li li { padding-left: 1.5rem; }
  .widget_search form input[type=search] { background-color:transparent;  }
  .widget.widget_calendar .calendar_wrap table thead { background: rgba(0,0,0,0.7); }
  .widget.widget_calendar .calendar_wrap table caption , .widget.widget_calendar .calendar_wrap table td, table#wp-calendar, .widget.widget_calendar .calendar_wrap table th { border-color:rgba(255,255,255,0.2); }
  table tbody tr:nth-child(even) { background: rgba(0, 0, 0, 0.4);}
  h6{ margin-top:3px;  margin-bottom:3px; }
  .mo-meta { opacity: 0.8; font-size: 12px; span{font-size: 12px;} }
  .post-date{ opacity: 0.8; font-size: 12px; }
   ul.contact-list{
	   list-style:none; margin-top:15px;
	   li{ margin-bottom:7px; i{ padding-right:10px; font-size:18px; }}
	}
   .widget img {background: transparent;}
   .sm-logo{ max-width:90px !important; margin-bottom:20px;}
   .md-logo{ max-width:160px !important; margin-bottom:20px;}
   .lg-logo{ max-width:220px !important; margin-bottom:20px;}
   .textwidget img { 
	  height: auto;
	  max-width: 100%;
	  vertical-align: middle;
	  clear: both;
   }
   .textwidget .logo img { 
	   max-width: 140px;
   }
  .tagcloud span a{
		 border: 1px solid rgba(255, 255, 255, 0.3);
	     color:#fff;
	     font-size: 13px !important;
	     background-color: transparent !important;
         padding: 2px 10px;
		 &:hover , &:active {
			 @extend .color-main;
			 @extend .border-color-main;
		}
	}
  span.rss-date {font-size:12px; margin:0;}
  .menu , .widget_archive ul, .widget_recent_entries ul, .widget_meta ul, .widget_pages ul, .widget_nav_menu ul , .widget_categories ul{ 
	border: 0;
	margin:0;
	padding: 0;
  }
  .menu li, .widget_archive ul > li, 
  .widget_recent_entries ul > li,
  .widget_meta ul > li,
  .widget_pages ul > li,
  .widget_nav_menu ul > li,
  .widget_categories ul > li{ 
	margin-bottom: 0; 
	  a{  
		   position: relative;
		   display: inline-block;
		   overflow: hidden;
		   font-size: 15px;
           line-height: 25px;
		   @include single-transition( all , 0.4s , ease-in-out);
		  &:before {
			content: '';
			position: absolute;
			transition: transform .5s ease;
			left: -1px;
			bottom: 0;
			width: 100%;
			height: 1px;
			transform:  translateX(-100%);
			@extend .bg-color-main;
		  }
		  &:hover{
			@extend .color-main;
			&:before { transform:translateX(0); }
		  }
	   }
	}
	.widget.widget_categories > li > a > span, .widget.widget_categories > ul li > a > span {
		position: relative;
		font-size: 10px;
		margin-left: 5px;
		top: 0;
		display: inline-block;
	}
	.footer-bottom .widget_nav_menu ul {
	   text-align: right;
	   li {
			border: 0;
			display: inline-block;
			position: relative;
			margin-left: 15px;
			&:after{
				position: absolute;
				content: '';
				height: 10px;
				width: 2px;
				right: -10px;
				top: 7px;
				background: rgba(255, 255, 255, 0.2);
			}
	    }
		li:last-child{
			&:after{ content:none; }
		}
	}
}
.darkmode-logo-footer{display:none;}
/* fixed */
.footer-fixed {
    position: fixed;
    left: 0;
	right: 0;
    bottom: 0;
    z-index: 1;
}

/* back to top */
#back-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    height: 58px;
    width: 58px;
    border-radius: 50%;
    z-index: 10;
	background-color:transparent;
	visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.9); 
    transform: scale(0.9); 
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	&:before {
		content: "";
		position: absolute;
		width: calc( 100% + 6px);
		height: calc( 100% + 6px);
		top: -3px;
		right: -3px;
		z-index: -1;
		border-radius: 50%;
		//@extend .bg-color-main;
	}
}
#back-to-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.boxed #back-to-top {
    right: 90px;
    bottom: 70px;
}
#back-to-top svg.progress-circle path {
  fill: none;
  stroke-width:3px;
  stroke: var(--color-primary);
}	
svg.progress-circle {
    overflow: visible;
}
.arrow-top svg.progress-icon{
	display: inline-block;
	position: absolute;
	z-index: 9;
    top: 16px;
    left: 17px;
	text-align: center;
    text-indent: 0;
    -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
	fill:var(--color-primary);
	&.back {
		opacity: 0;
		-webkit-transform: translateY(13px);
		transform: translateY(13px);
		-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
		transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
	}
}
.progress-icon-bg{
	position: absolute;
	width: calc( 100% + 6px);
	height: calc( 100% + 6px);
	top: -3px;
	right: -3px;
	z-index: -1;
	border-radius: 50%;
	float:left;
	&::after{
		content:"";display:block;position:absolute;top:50%;left:50%;
		-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);
		width:0%;height:0%;border-radius:50%;z-index:0;
		@extend .bg-color-main;
		-webkit-transition:all .4s cubic-bezier(.86,0,.1,1);-o-transition:all .4s cubic-bezier(.86,0,.1,1);transition:all .4s cubic-bezier(.86,0,.1,1);
	}
}
#back-to-top:hover{
	  svg.progress-circle path { stroke: #fff;}
	  .arrow-top svg.progress-icon{fill:#fff;}
	svg.progress-icon.front{
		opacity: 0;
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
	svg.progress-icon.back{
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	.arrow-top-line {
		height: 18px;
		top: 18px;
	}
	.progress-icon-bg::after{
		width:100%;
		height:100%
	}
}


/* social-media-widget */
footer .social-media-widget{
	padding: 0;
	margin-top: 15px;
	li{
		height: 32px;
		width: 32px;
		line-height: 32px;
        list-style:none;
		display: inline-block;
		a{
			line-height: 32px;
			display: block;
			height: 100%;
			font-size: 12px;
			@include single-transition(all , 0.4s , ease-in-out);
		}
	}
	&:hover li:hover a { opacity: 1; @extend .color-main; }
    &:hover li a { opacity: .3; }
}
.social-circle-style{
	li{
		position: relative;
		text-align: center;
		margin: 0 10px 10px 0;
		i{color:#a8a8a8;}
	}
	.mo-svg-circle {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: visible;
		circle {
			fill: none;
			stroke-width: 1px;
			-webkit-transform-origin: center;
			-ms-transform-origin: center;
			transform-origin: center;
			-webkit-transform: rotate(-145deg);
			-ms-transform: rotate(-145deg);
			transform: rotate(-145deg);
			-webkit-transition: all .6s cubic-bezier(.43,.41,.36,.9);
			-o-transition: all .6s cubic-bezier(.43,.41,.36,.9);
			transition: all .6s cubic-bezier(.43,.41,.36,.9);
			&:first-child {
				stroke:rgba(10, 29, 53, 0.1); 
				stroke-dashoffset: 0;
				stroke-dasharray: 115;
			}
			&:last-child {
				@extend .stroke-color-main;
				stroke-dashoffset: 115;
				stroke-dasharray: 115;
			}
		}
	}
	li a:hover {
		i{@extend .color-main;} 
		.mo-svg-circle circle {
			-webkit-transform: rotate(55deg);
			-ms-transform: rotate(55deg);
			transform: rotate(55deg);
			-webkit-transition: all .6s cubic-bezier(.43,.41,.36,.9);
			-o-transition: all .6s cubic-bezier(.43,.41,.36,.9);
			transition: all .6s cubic-bezier(.43,.41,.36,.9);
			&:first-child { stroke-dashoffset: -115; }
			&:last-child { stroke-dashoffset: 0; }
		}
	}
}
.footer{
  .social-circle-style .mo-svg-circle circle:first-child{stroke:rgba(255,255,255,0.2);}
}
.footer .light_footer{
  .social-circle-style .mo-svg-circle circle:first-child{stroke:rgba(0,0,0,0.2);}
}

.position-fixed {
    position: fixed!important;
}
.shadow-lg{
	background-color: #fff;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.1) !important;
}
@media (min-width: 576px){
	.d-sm-flex {
		display: -ms-flexbox!important;
		display: flex!important;
	}
}
@media (max-width: 768px) {
    .cookie-banner {
        left: 5%;
        width: 90%;
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
        .cookie-inner {
            padding-right: 40px !important;
            padding-left: 50px !important;
            position: relative;
            display: inline-block;
        }
        .cookies-close {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            right: 10px;
        }
        .cookie-img {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            left: 10px;
        }
    }
}

footer .footer-bottom{
	display: block;
	width: 100%;
	.social-media-widget{ text-align: right; margin:15px 0;}
	.widget_nav_menu ul.sub-menu li { margin-top: 0; margin-bottom: 0; }
}
footer .footer-top{
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0.1);
	padding-top: 50px;
    padding-bottom: 50px;
	.content {
		color: #fff;
		margin-bottom: 0;
		float: none;
		display: block;
		h3{
			color: #fff; 
			font-weight: 700;
			max-width: 480px;
			display: inline-block;
			margin-bottom: 0;
			font-size: 40px;
            line-height: 52px;
		}
	}
	.footer-top-btn{
		width: 100px;
		height: 100px;
		display: inline-block;
		content: url(../images/footer-top.svg);
		float: right;
		transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-webkit-transition: all 500ms ease;
		-ms-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		&:hover{-webkit-transform:translateY(-5px); transform:translateY(-5px);}
	}
}
/* footer color */
 .footer{
    .footer-widget-1 {padding-right: 50px;}
	.wg-title{ color:#fff;}
	p, h5, h6, span,  select,  select option,  td,  th, .widget_nav_menu ul > li a{ color: rgba(255, 255, 255, 0.6); }
	p > a { 
		color: #fff !important;
		&:hover{ color:var(--color-primary) !important;}
	}
	.footer-menu a{
		background-image: linear-gradient(transparent 95%, currentcolor 5%);
		background-repeat: no-repeat;
		background-size: 0% 100%;
		transition: all 0.5s;
	    &:hover{ background-size: 100% 100%;}
	}
	.social-icons.style2 a::after {
		border-color: rgba(255, 255, 255, 0.2);
	}
	.social-media-widget li a{ color:#fff; }
	a{ color:inherit; }
	.color-main{  color:var(--color-primary) !important;}
	img.logo_dark{display: none;}
	.footer-bottom p { color: rgba(255, 255, 255, 0.5) !important; margin-bottom:0;}
 }
 
 .footer .light_footer{
	color: $color-content;
	.wg-title{ color: $color-font;}
	p, a, h5, h6,  span,  select,  select option,  td,  th, .widget_nav_menu ul > li a{ color:$color-content; }
	.social-icons.style2 a::after{border-color: rgba(0,0,0,0.1);}
	.footer-widget-1 img{display: block; margin-bottom:20px;}
	img.Logo_white{display: none;} 
	.footer-bottom p { position:relative; z-index:1; color:rgba(0, 0, 0, 0.5) !important; }
	.copyright{color:rgba(0, 0, 0, 0.5) !important;}
	.footer-top { border-color: rgba(0, 0, 0, 0.1); }
	.widget.widget_archive > ul > li > span.count, .widget.widget_categories > ul > li > span.count, .widget.widget_categories > li > a > span, .widget.widget_categories > ul li > a > span { color:$color-content; background:$color-gray; }
	.widget_archive ul > li a, .widget_recent_entries ul > li a, .widget_recent_comments ul > li a, .widget_meta ul > li a, .widget_pages ul > li a, .widget_nav_menu ul > li a, .widget_categories ul > li a, .widget.widget_calendar .calendar_wrap table td a { color:$color-content; }
	.widget.widget_rss a{ color:$color-font; }
	.widget.widget_calendar .calendar_wrap table thead { background:rgba(0, 0, 0, 0.05); }
	.mc4wp-form {
		input[type="email"] { color: $color-content; border:1px solid rgba(0, 0, 0, 0.1) !important;}
		input::-webkit-input-placeholder { color: rgba(0,0,0,0.5) !important; }
		.mc4wp-form-fields:before { background:rgba(0,0,0,0.07); @extend .color-main; }
		.mc4wp-form-fields:hover:before { color:$color-content !important}
	   .icon-bell{color:$color-font; background-color: rgba(0, 0, 0, 0.05);}
	}
	ul#menu-terms-policies, .menu-terms-policie ul{ justify-content:right;}
	table tbody tr:nth-child(even){ background:$color-gray;}
	.tagcloud span a { border-color:#dadada; color:$color-content; }
	input, .input_field, .widget select, .widget.widget_calendar .calendar_wrap table, .widget.widget_calendar .calendar_wrap table caption, .widget.widget_calendar .calendar_wrap table td,  table#wp-calendar,  .widget.widget_calendar .calendar_wrap table th{ border-color:#dadada; }
}

.footer .star-menu ul.footer-menu li{
	&:before{
		content: "";
		width: 10px;
		height: 10px;
		display: inline-block;
		text-align: center;
		background-image: url(../images/mo-star-dark.svg);
		background-size: cover;
		background-repeat: no-repeat;
		position: relative;
		top: 1px;
		left: -5px;
		margin: 5px 0 0 7px;
		overflow: hidden;
		opacity: 0.5 !important;
		background-position: center top;
		animation: 5s linear 2s infinite normal none running push_animat2;
	}
}

ul#menu-terms-policies, .menu-terms-policie ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin: auto;
	li{
		display: flex;
		gap: 10px;
		align-items: flex-end;
		margin: 0;
		&:after {
			content: "";
			width: 6px;
			height: 1px;
			background-color: currentColor;
			position: relative;
			top: -9px;
		}
	}
	li:last-child:after{display: none;}
}

.boxed .footer.footer_v2 {
	width: 100%;
    margin-right: 0;
    margin-left: 0;
}
.boxed .footer_v2.footer-fixed {
    width: calc( 100% - 40px );
    margin-right: 20px;
    margin-left: 20px;
}

/* mo-socials */
.mo-socials{
	 padding:0;
	 list-style:none;
	 margin: auto;
	  li{
	    float: left;
		height: 30px;
		width: 30px;
		margin: 3px;
		@include border-radius(50%);
		text-align: center;
		list-style: none;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	    background:rgba(255,255,255,0.1);
	   a{ color:#fff; line-height:30px;  display:block; width:100%; }
	   &:hover{
		   -webkit-transform: translateY(-3px);
		   transform: translateY(-3px);
		   box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22);
		   @extend .bg-color-main;
		   a{ color:#fff; }
	   }
	}
}
.hide_icon {
    display: none !important;
}