/*~~ OPEN OUR ROADS ~~*/

html { max-width:1440px!important; margin-left:auto; margin-right:auto; background-color:#aaa; }
.breadcrumb { background-color: #fc0; }
a.brand-logo img { margin-top:5px; }
a._social { top:-15px; }

@media only screen and (max-width: 800px) {
  a._social { top:-5px; } 
}

@media only screen and (max-width: 1200px) {
  div.main-top.no-card { margin-top:5px; }
  div#navbar1.collapse.navbar-collapse div.mod-menu.mod-list.nav li.nav-item { padding: 0em 0.5em; }
  div#navbar1.collapse.navbar-collapse  { top:-20px!important; }
}

/*~~ NAVIGATION ~~*/

.mod-menu.mod-list.nav li { padding: 0em 0.5em; }

.mod-menu.mod-list.nav li.nav-item.item-107 a img { max-width:95%!important; }
.mod-menu.mod-list.nav li.nav-item.item-108 a img { max-width:95%!important; }
.mod-menu.mod-list.nav li.nav-item.item-109 a img { max-width:95%!important; }
.mod-menu.mod-list.nav li.nav-item.item-110 a img { max-width:95%!important; }


.page-header h1 { margin-bottom:0.5em; }
div.com-content-category-blog.blog h1 { margin-bottom:0.5em; }

h1, h2, h3, h4, a:active, a { color: #CE252C!important; }
a:hover { color: #ffcc00!important; }


/*~~ CONTAINER ~~*/

.container-component > :first-child { margin-top: 1.8em; }

.container-header { background-color: #FFFFFF; background-image: none; padding-left: 5%; padding-right: 6%; }


.container-header .mod-menu > li + li {
  margin-left: 0.5em;
}

.container-header .mod-list li.active > a:hover { color: #d7d2cb!important; }
.container-header .mod-list li > a:hover { color: #d7d2cb!important; }


@media only screen and (min-width: 768px) and (max-width: 991px) {
  .container-header .mod-menu { text-align:left!important; }
  .container-header .mod-menu { flex-direction:row!important; }
}

@media only screen and (max-width: 767px) {
  .container-header .container-nav nav  { margin-left:0px!important; }
  .container-header .mod-menu > li + li { margin-left: 0em; }
  button.navbar-toggler.navbar-toggler-right { margin-bottom:10px; }
  div#navbar1 > .mod-menu.mod-list.nav { flex-direction: column !important; }
  .container-topbar { padding-left: 40px!important; }
  .container-component > :first-child { margin-top: 0em; }
}

@media only screen and (min-width: 1201px) {
  .container-header .navbar-brand { width:58%; margin-inline-end: unset!important; margin-top: -130px; }
  .container-topbar { float: right; margin-right: auto; margin-top: 4%; margin-left: auto; width: 460px; margin-right: 20px; }
  .container-component > * { padding-left:6%; padding-right:7%; padding-bottom: 0em; }
  .mod-menu.mod-list.nav { flex-direction: row!important; margin-left: auto; margin-right: auto; font-size: 1.5rem; font-weight: 600; }
}

@media only screen and (max-width: 1200px) {
  .container-header .navbar-brand { margin-left: auto !important; margin-top: -20px; margin-right: auto !important; padding-bottom:0px;  }
  .container-topbar { float: none; margin-right: auto; margin-top: 3%; margin-left: auto; width: 405px; padding-left: 20px; }
  .mod-menu.mod-list.nav li.nav-item.item-107 a img { max-width:75%!important; }
  .mod-menu.mod-list.nav li.nav-item.item-108 a img { max-width:75%!important; }
  .mod-menu.mod-list.nav li.nav-item.item-109 a img { max-width:75%!important; }
  .mod-menu.mod-list.nav li.nav-item.item-110 a img { max-width:75%!important; }
  .mod-menu.mod-list.nav li { padding: 0.5em 0.5em; }
  .mod-menu.mod-list.nav li.nav-item.item-107, .mod-menu.mod-list.nav li.nav-item.item-108, .mod-menu.mod-list.nav li.nav-item.item-109, .mod-menu.mod-list.nav li.nav-item.item-110  { padding-left:0px!important; padding-right:0px!important; text-align: center; }
  .mod-menu.mod-list.nav { flex-direction: row; margin-left: auto; margin-right: auto; font-size: 1.4rem; font-weight: 600; }
}

@media only screen and (max-width: 500px) {
  .mod-menu.mod-list.nav li.nav-item.item-107 a img { max-width:55%!important; }
  .mod-menu.mod-list.nav li.nav-item.item-108 a img { max-width:55%!important; }
  .mod-menu.mod-list.nav li.nav-item.item-109 a img { max-width:55%!important; } 
  .mod-menu.mod-list.nav li.nav-item.item-110 a img { max-width:55%!important; }  
  .container-header {padding-left:0px; padding-right:0px; }
  body.wrapper-fluid header > .grid-child { padding-left: 1em; padding-right: 1em; }
  body.wrapper-fluid .site-grid { grid-gap: 0 1em; }
  .container-topbar { padding-left: 0px !important; width:280px!important; }
  .mod-menu.mod-list.nav li.nav-item.item-107, .mod-menu.mod-list.nav li.nav-item.item-108, .mod-menu.mod-list.nav li.nav-item.item-109, .mod-menu.mod-list.nav li.nav-item.item-110 { width: 70px!important; }
}


/*~~ BLOG LAYOUT ~~*/

div.blog-items.items-leading div.blog-item div.item-content .text-muted  { display:none!important; }
div.blog-items.items-leading div.blog-item div.item-content h2.item-title { display:none!important; } 
div.blog-items.items-leading div.blog-item div.item-content { max-width: 94% !important; margin-left: auto;margin-right: auto;}

dt.article-info-term { display:none; }
.blog-items  { width:100%!important; margin-left:auto; margin-right:auto; }
dd.published { text-align:left!important; color:#232021; }
.blog-items .blog-item { text-align: left; background-color:#fafed1; padding-left:10px; padding-right:10px; padding-top:20px; padding-bottom:20px; }
.blog-item .item-image { margin-top: 10px; }
.roundup { background-color:#e0ded9; }
.left.item-image { float: none; max-width:80%!important; margin-left:auto; margin-right:auto; margin-top:20px; }
div.com-content-category-blog__item.blog-item div.item-content { max-width:80%!important; margin-left:auto; margin-right:auto; }
div.blog-item div.item-content { max-width:80%!important; margin-left:auto; margin-right:auto; }
div.com-content-article__body { max-width:100%!important; margin-left:auto; margin-right:auto; }
div.page-hearder h1 { margin-left:10%; }
div.com-content-article__body p img { min-width:100%!important; }

@media only screen and (max-width: 768px) {
  .blog-items { width: 100% !important; }
}

@media only screen and (min-width: 992px) and (max-width: 1100px) {
  div.blog-items.items-leading div.blog-item div.item-content { max-width: 96% !important; }
}

@media only screen and (max-width: 1100px) {
  .left.item-image { max-width:100%!important; }
  div.com-content-category-blog__item.blog-item div.item-content { min-width:100%!important; }
  .blog-item .item-image { margin-top: 0px; }
  div.com-content-article__body { min-width:100%!important; }
  div.blog-item div.item-content { min-width:94%!important; }
}


/*~~ BUTTONS ~~*/

.btn-secondary { background-color:#ffcc00!important; border-color: #CE252C!important; border-radius:0px!important; font-weight:600; }
.btn-secondary:hover { background-color:#232021!important; color: #FFF!important; }


/*~~ FOOTER ~~*/

.footer {
    margin-top: 1em;
    color: #fff;
    background-color: #000!important;
    background-image: none!important;
}

footer.container-footer-2.footer-2.full-width {
    margin-top: -2em;
    padding-bottom:2em;
    color: #fff;
    background-color: #000!important;
    background-image: none!important;
}

@media only screen and (min-width: 1200px) {
  footer.container-footer.footer.full-width .grid-child .mod-menu.mod-list.nav { margin-bottom:20px!important; }
}

@media only screen and (max-width: 767px) {
  footer.container-footer.footer.full-width .grid-child .mod-menu.mod-list.nav { flex-direction: column; text-align:center; }
  footer.container-footer-2.footer-2.full-width .grid-child .mod-menu.mod-list.nav { flex-direction: row!important; text-align:left; }
}

@media only screen and (max-width: 320px) {
  body.wrapper-fluid footer > .grid-child { padding-left:1em!important; padding-right:1em!important; }
}

.back-to-top-link { display:none; }