:root {
    --company-color: {{ @setting('home_page','main_color') }};
    --company-secondary-color: {{ @setting('home_page', 'second_color') }};
}
.footer {
  background:#1d1d1d;
  padding:40px 0;
  /* border-top:2px solid var(--company-secondary-color); */
  color: #e9e9e9;
  font-size: 14px;
 }
 .footer .widget h2 {
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
 }
 article ul {
    list-style-type: none;
    padding: 0;
 }
 article ul li{
    list-style-type: none;
    padding: 0;
    color: #ababab;
    font-size: 15px;
    padding: 4px 0px;
    font-family: 'Raleway';
 }
 article ul li span:hover{
    cursor: pointer;
    color: var(--company-secondary-color);
    text-decoration: underline;
 }
 .widget h2 {
  cursor:pointer;  
  font-size:18px;
  font-weight:bold;
  padding-bottom:5px;
 }
 .footer-bottom {
  background:#2d2d2d;
  padding:15px 0;
  font-size:13px;
  color:#999;
 }
   
 @media only screen and (max-width: 479px) {    
      .widget_content{
         display:none;
     }
     .active .widget_content{
       display:inline;	
     }
     .widget h2 { 
         border-bottom:1px solid #ddd;
     }   
     .widget h2:after {
        content: "\203A";
        color: #fff;
        width: 24px;
        height: 24px;
        background: #676767;
        display: inline-block;
        text-align: center;
        float: right;
     }
     .active.widget h2:after {
         content:"\2039";    
         background:#ccc;
     }
 }

@media (min-width: 1200px) {
    .footer .container, .footer .container-lg, .footer .container-md, .footer .container-sm, .footer .container-xl {
        max-width: 1320px !important;
    }
    .footer-bottom .container, .footer-bottom .container-lg, .footer-bottom .container-md, .footer-bottom .container-sm, .footer-bottom .container-xl {
        max-width: 1320px !important;
    }
}

@media only screen and  (max-width: 760px) {
    .footer .widget h2 {
        font-size: 15px !important;
        font-family: 'Raleway', sans-serif;
    }
}