#ipsLayout_footer {
 padding:50px 50px 10px; 
}

#valaFooterXYZ {
   margin-top:50px; 
  }
  footer#ipsLayout_footer {
    {{if theme.vala_footer_bg_enable}}
        background-color: rgb( var(--theme-main_nav) );
    	background-image: linear-gradient(rgba(var(--vala_footer_bg_cover),{theme="vala_footer_bg_coveropacity"}), rgba(var(--vala_footer_bg_cover),{theme="vala_footer_bg_coveropacity"})), url({theme="vala_footer_bg_image"});
		background-repeat: no-repeat;
    	background-size: cover;
    {{else}}
     	background: rgb( var(--theme-main_nav) );
    {{endif}}
  }
  div#valaFooterXYZ {
    margin:0 auto;
    {{if !theme.vala_footer_bg_enable}}
    	background: rgb( var(--theme-main_nav) ); 
    {{endif}}
    
    {{if theme.enable_fluid_width}}
		{{if theme.fluid_width_size}}
			max-width: {theme="fluid_width_size"}%;
		{{else}}
			max-width: 100%;
		{{endif}}
	{{else}}
		max-width: var(--container--width);
	{{endif}}
  }
  #elValaCopyrightSection{
    border-top:1px solid rgba( var(--theme-main_nav_font), 0.1 );
     
  }
  #elValaCopyrightSection a{
    color: rgba( var(--theme-main_nav_font) )!important;
  }
{{if theme.vala_footer_logo_dark}}
html.dark-theme #valathemefooterlogo {
 content:url({theme="vala_footer_logo_dark"}) ;
}
{{else}}
	html.dark-theme #valathemefooterlogo {
 		display:none;     
}
{{endif}}
{{if theme.vala_footer_logo_light}}
html.light-theme #valathemefooterlogo {
 content:url({theme="vala_footer_logo_light"}) ;
}
{{else}}
	html.light-theme #valathemefooterlogo {
 		display:none;     
}
{{endif}}
[id^="col__"] ul {
         padding:0; 
           list-style-type:none;
        }
        [id^="col__"] ul li{
         margin:5px 0;
        }
        [id^="col__"] li a {
          color: rgb(var(--vala_footer_menu_link_color))!important;
          opacity:{theme="vala_footer_menu_link_color_opacity"};
          background-color:transparent!important;
          transition:all .3s;
        }
        div#valaFooterXYZ p {
           color: rgba( var(--vala_main_theme_text_color))!important;
        }

        div#valaFooterXYZ h3 {
          color: rgba( var(--vala_footer_menu_title_color))!important;        
          padding-left:10px;
        }

        html[dir="rtl"] div#valaFooterXYZ h3 {
          border-right:3px solid rgba( var(--vala_main_theme_color));
        }

        html[dir="ltr"] div#valaFooterXYZ h3 {
          border-left:3px solid rgba( var(--vala_main_theme_color));
        }
         
        
        [id^="col__"] li a:hover {
          {{if theme.vala_footer_hover_link}}
          	color:rgb(var(--vala_footer_hover_text_color))!important;
          	opacity:1!important;
          {{endif}}
          /*background-color:black!important;*/
          {{if theme.vala_footer_hover_indent}}
          	padding:0 4px;
          {{endif}}
        }



.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
}

.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
}

.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
}

.bg-indigo-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
}

.border-gray-800 {
  --tw-border-opacity: 1;
  border-color: rgba(31, 41, 55, var(--tw-border-opacity))
}

.border-b {
  border-bottom-width: 1px
}

.table {
  display: table
}

.grid {
  display: grid
}

.font-semibold {
  font-weight: 600
}

.h-1 {
  height: 0.25rem
}

.h-full {
  height: 100%
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem
}

.mt-1 {
  margin-top: 0.25rem
}

.mt-2 {
  margin-top: 0.5rem
}

.mt-4 {
  margin-top: 1rem
}

.mt-5 {
  margin-top: 1.25rem
}

.mr-8 {
  margin-right: 2rem
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

* {
  --tw-shadow: 0 0 #0000
}

* {
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000
}

.text-gray-100 {
  --tw-text-opacity: 1;
  color: rgba(243, 244, 246, var(--tw-text-opacity))
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity))
}

.hover\:text-red-500:hover {
  --tw-text-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-text-opacity))
}

.w-10 {
  width: 2.5rem
}

.gap-4 {
  gap: 1rem
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

@-webkit-keyframes spin {
  to {
    transform: rotate(360deg)
  }
}

@keyframes spin {
  to {
    transform: rotate(360deg)
  }
}

@-webkit-keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0
  }
}

@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0
  }
}

@-webkit-keyframes pulse {
  50% {
    opacity: .5
  }
}

@keyframes pulse {
  50% {
    opacity: .5
  }
}

@-webkit-keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
            animation-timing-function: cubic-bezier(0.8,0,1,1)
  }

  50% {
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
            animation-timing-function: cubic-bezier(0,0,0.2,1)
  }
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
            animation-timing-function: cubic-bezier(0.8,0,1,1)
  }

  50% {
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
            animation-timing-function: cubic-bezier(0,0,0.2,1)
  }
}

@media (min-width: 640px) {
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
}

@media (min-width: 768px) {
}

@media (min-width: 1024px) {
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
  .lg\:grid-cols-1 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media (min-width: 1280px) {
}

@media (min-width: 1536px) {
}