/*
Theme Name:     CargoPress Child Theme
Theme URI:      http://www.proteusthemes.com
Description:    Child theme for the CargoPress
Author:         Primoz Cigler
Template:       cargopress-pt
Version:        1.0
*/


/* add custom CSS code bellow */

body {
    color: #aaaaaa;
    font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.6;
}

.header__container {
    background-color: #89b013 ;
}


.footer-top, .footer::before, .footer::after, .footer-top::before, .footer-top::after {
    background-color: #89b013 !important;
}

.footer-bottom {
    background-color: #212121 ;
}

.footer a, .footer .widget_nav_menu ul > li > a {
    color: #003300 !important;
}

.social-icons__link, .social-icons__link:hover {
    color: #89b013 ;
}
.footer .icon-container--square, .footer .icon-container--circle {
    color: #89b013 !important;
}

.testimonial__quote::before {
    background-color: #89b013 ;
}

 .jumbotron {
    background-color: #89b013 !important;
}
.navbar-toggle {
    background-color: #003300 !important;
}

.main-navigation > .current-menu-item > a::after, .latest-news__date, .sticky .btn--post, .main-navigation > .current-menu-item > a::after, .main-navigation > li:hover > a::after, .main-navigation > li:focus > a::after, body.woocommerce-page span.onsale, .woocommerce span.onsale { 
background-color: #003300 !important;
}

.main-navigation > li > a { 

font-size:14px;
}
@media screen and (min-width: 991px) { 
.header__navigation {
    width: 90%;
     }
  .header__navigation-widgets {
       width: 10%;
} 
}
@media (min-width: 1200px) {
  .header__navigation {
    width: calc(95% - 300px) ;
    margin-left: 300px ;
  }
  .header__navigation-widgets {
    margin-top: -30px ;
    width: 5% ;
} 
}



@media screen and (max-width: 991px) { 
.main-navigation > li > a { 

font-size:16px;
}
.header__container::before, .header__container::after {
    bottom: 60px !important;
}
.header__container {
    background-color: #ffffff !important;
}

.social-icons__link, .social-icons__link:hover {
    color: #ffffff !important;
}
.main-navigation > li:hover > a::after, .main-navigation > li:focus > a::after, .main-navigation > li[aria-expanded="true"] > a::after { background-color: #003300 !important; }


}

.latest-news__date {
    background-color: rgba(220, 220, 220, 0.8) !important;
}
.latest-news__date::after {
    border-top-color: #ccc !important;
}
.latest-news__title {
    width: 95% !important;
}