@import url('./fonts/Roboto/font.css');

:root {
    --primaryFont: 'Roboto', sans-serif;
  }

body{
    color:#3E3E3E;
    font-family:Arial;
    font-size:16px;
    font-weight:400;
    line-height:24px;    
}

@media (min-width: 1200px){
    .container {
        max-width: 1300px;
    }
}

h1{
    font-size: 55px;
    font-weight: bold;
    font-family: var(--primaryFont);
    line-height:60px;
    color: #25282A;
}

h2{
    font-family: var(--primaryFont);
    color: #25282A; 
    font-size:27px;
    line-height:32px;
}

a.button{
    color: #fff !important;
    background-color: #cf1717;
    width: 100%;
    text-decoration: none;
    font-family:Arial;
    font-size:13px;
    font-style:normal;
    font-weight:400;
    line-height:18px;
    padding:10px 40px;
    border: 1px solid #a1b9ca;
}
.button:hover,
.button:active,
.button:focus{
    text-decoration: none;
    color:#fff !important;
}

/* MAINMENU */
.mainmenu-container{
    max-width: 100%;
}
.mainmenu-container .navbar{
    display: block;
    padding:0;
}
.navbar-nav{
    display: flex;
    justify-content: space-evenly;
}
.mainmenu-container .navbar .menu-mainmenu-container{
    width: 100%;
    border-top: 10px solid #cf1717;
    /* border-bottom: 1px solid #cf1717; */
    margin-bottom: 30px;
}

.mainmenu-container .navbar .menu-mainmenu-container ul li a{
    font-family: var(--primaryFont);
    font-size:18px;
    font-style:normal;
    font-weight:400;
    line-height:18px;
    padding:16px;
    color: #25282A;
    text-transform: uppercase;
}
.mainmenu-container .navbar .menu-mainmenu-container ul li.current-menu-item a{
    background-color: #cf1717;
    color:#fff;
}

.navbar-brand{
    margin: 0 auto;
    width: 300px;
    display: block;
}

.mainmenu-container .brandingLogo{
    width:100%;
    max-width: 300px;
}

.mainmenu-container .navbar-toggler{
    margin-bottom:10px;
    border:none;
    outline: none !important;
}

.mainmenu-container .navbar-toggler span{
    background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(207, 23, 23, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

.inner-wrapper a{
    color: #cf1717;
}

.categories-item .separator{
    margin-right: 4px;
}

.breadcrumbWrapper{
    display:none;
}

/* SLIDESHOW */
.slideshow{
    margin-bottom: 60px;
}
.slideshow .slide-items .slide-item .wrapper{
    position: relative;
}
.slideshow .slide-items .slide-item .wrapper a{
    display:block;
}
.slideshow .slide-items .slide-item .wrapper .content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 20px;
}
.slideshow .slide-items .slide-item .wrapper .content > *{
    position: relative;
    z-index:2;
    color:#fff;
}
.slideshow .slide-items .slide-item .wrapper .content .category-item{
    display:none;    
}
.slideshow .slide-items .slide-item .wrapper .content .category-item:first-of-type{
    display:block;
}
.slideshow .slide-items .slide-item .wrapper .content .category-item a {
    color:#fff;
}
.slideshow .slide-items .slide-item .wrapper .content .backdrop{
    background: #cf1717; 
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:1;
    opacity: 0.6;
}
.slideshow .slideNavs{
    position: absolute;
    bottom: 10%;
    left: 15px;
    right: 15px;
    display: flex;
    justify-content: space-between;
}
.slideshow .slideNavs .navArrow{
    display:none;
    /* padding: 10px;
    background: #00000094;
    cursor: pointer;
    vertical-align: text-bottom;
    text-align: center;
    color: #fff; */
}
/* .slideshow .slideNavs .dots{
    display: none;
} */

.boxheader{
    border-left: 3px solid #cf1717;
    background: #F0F0F0;
    padding: 9px 15px 10px;
    color: #25282A;
    font-family: var(--primaryFont);
    font-size:18px;
    font-weight:400;
    line-height:26px;
    margin-bottom:30px;
}

/* POSTLIST GENERAL */
.postList-item {
    margin-bottom:40px;
}
.postList-item a>img{
    margin-bottom:10px;
}
.postList-item h2,
.postList-item h2 a{    
    color: #25282A;
    font-family: var(--primaryFont);
    font-size:27px;
    font-weight:400;
    line-height:32px;
}
.postList-item h2 a:hover{
    text-decoration: none;
    color: #cf1717;
}
.postList-item .category-item{
    float:left;
    margin-right: 10px;    
}
.postList-item .category-item a{
    color:#fff;    
    background-color: #cf1717;
    font-size: 12px;
    line-height:12px;
    padding:4px;
    display: inline-block;
    margin-bottom: 10px;
}
.postList-item .excerpt-item{
    clear: both;
    font-size:14px;
    font-weight:400;
    line-height:21px;
}
/* POSTLIST TYPE-A */
.postList-item.type-a img{
    display:none;
}
/* POSTLIST TYPE-B */
.postList-item.type-b > a{
    float:left;
    width:50%;
    margin-right: 2%;
}
.postList-item.type-b > .content{
    float: left;
    max-width: 47%;
}
/*POSTLIST TYPE-C*/
.postList-item.type-c img{
    padding-bottom:10px;
}

.post-list-pagination {
    padding: 15px;
}
.post-list-pagination .page-numbers{
    display: block;
    float:left;
    color: #7C7C7C;
    font-size: 14px;
    padding: 2px 10px;
    background: #F0F0F0;
    margin-right: 4px;
}
.post-list-pagination .page-numbers.current{
    background-color: #cf1717;
    color:#fff;
}

/* SIDEBAR */
.mainsidebar .newsletterbox{
    background: #f0f0f0;
    padding:20px;
    text-align: center;
    margin-bottom: 60px;
}
.mainsidebar .newsletterbox h2{
    color:#000;
    font-size:24px;
    line-height:28px;
}
.mainsidebar .newsletterbox h5{
    color:#000;
    font-family:caption;
    font-size:16px;
    font-style:italic;
    font-weight:400;
    line-height:22px;
}
.mainsidebar .newsletterbox em {
    color: #ababab;
    font-family:Arial;
    font-size:10px;
    font-style:italic;
    font-weight:700;
    line-height:15px;
    font-weight: normal;
}
.mainsidebar .newsletterbox h3{
    font-family: var(--primaryFont);
    font-size:14px;
    font-style:normal;
    font-weight:700;
    line-height:20px;
}
.mainsidebar .newsletterbox .button{
    width: auto;
    display: inline-block;
    margin-top: 10px;
}
.mainsidebar .postList-item {
    background: #F0F0F0;
    margin-bottom:20px;
}
.mainsidebar .postList-item img{
    display: none;
}
.sidebar-item .postlist-wrapper .postList-item:first-child img{
    display: block;
}
.mainsidebar .postList-item .content{
    padding: 16px;
}
.mainsidebar .postList-item .excerpt-item{
    display: none;
}
.mainsidebar .postList-item .category-item {
    float:none;
}
.mainsidebar .postList-item .category-item a{
    background:none;
    padding:0;
    margin:0;
    color:#cf1717;
}
.mainsidebar .postList-item h2,
.mainsidebar .postList-item h2 a{
    font-size:16px;
    font-style:normal;
    font-weight:400;
    line-height:23px;
}

/* SINGLE */
.single .image-item{
    margin-bottom:40px;    
    
}

.single .author-item a{
    display: flex;
    align-items: center;
    margin: 20px 0;    
}
.single .author-item a:hover{
    text-decoration:none;
}
.single .author-item a .image-item{
    border-radius: 50%;
    position: relative;
    display: block;
    width: 100%;
    max-width: 60px;
    height: auto;
    margin: 0 15px 0 0;
    border: 1px solid #cf1717;
}
.single .author-item a .div-item{
    
}


/* SINGLE AUTHOR*/
.single-adrombauthor .author-boxed{
    display:flex;
    align-items: center;
    border-bottom: 1px solid #cf1717;
    margin-bottom: 20px;
}
.single-adrombauthor .author-boxed .image-item{
    margin-right: 20px;
    margin-bottom: 20px;
}
.single-adrombauthor .author-boxed .image-item img{
    width: 100%;
    max-width: 250px;
    border-radius: 50%;
    position: relative;
    display: block;
    height: auto;
    margin: 0 15px 0 0;
    border: 1px solid #cf1717;
}
.single-adrombauthor .author-boxed .author-content{

}

/* FORM */
input[name="singleName"]{
    border: none !important;
    position: absolute;
}
input,
textarea{
    /* border: none; */
    border: 1px solid #ced4da !important;
    border-radius: 0 !important;
}
form button.btn-primary{
    border-color: #cf1717;
    background: none;
    color:#363b40;
    margin-bottom:20px;
}
form button.btn-primary:hover{
    border-color: #cf1717;
    background: #52684c;
    color:#fff;
}

.formMessageContainer{
    margin-bottom:20px;
}

.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid {
    border: none;
}

.mb20{
    margin-bottom: 20px;
}

/* NEWSLETTER-FORM */
.newsletter .row{
    margin-bottom: 10px;
}
form.newsletter button.btn-primary{
    background-color: #cf1717;
    color:#fff;
    width: 100%;
    border:none;
    outline:none;
}
form.newsletter button.btn-primary:hover,
form.newsletter button.btn-primary:active{
    background-color: #358b9c !important;
}
.newsletter button:focus{
    box-shadow: none;
}
.newsletter.submitted .form-control:invalid {
    border-color: #722607 !important;
}

.formMessageContainer {
    text-align: center;
    font-size: 14px;
    padding: 20px;
}
.formMessageContainer.success{
    color: #457c3e;
}
.formMessageContainer.error{
    color: #7c3e3e;
}
form .preloader{
    width:32px;
    height:32px;
    background: url('./img/preloader.gif');
    margin: 20px auto;
}
form.newsletter a { 
    font-style:italic;
    text-decoration: underline;
}
form.newsletter .form-check-input {
    margin-left: 0;
}
form.newsletter .form-check-label {
    margin-left: 20px;
    font-size: 12px;
}
form.newsletter label.error {
    color: #c91515;
}

.modalContent{
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(116, 116, 116, 0.6);
    display: flex;
}
.modalContent .content{
    background-color: #fefefe;
    margin: auto;    
    border: 1px solid #888;
    width: 450px;
}
.modalContent .close{
    padding: 8px 10px 0 0;
    text-shadow: none;
    color: #fff;
    opacity: 1;
    font-size: 18px;
}
.modalContent .modalTitle{
    background: #7e7e7e;
    padding: 8px 20px;
    color: #ffff;
}
.modalContent .inner{
    padding: 20px;
    font-size: 12px;
}

/* NEWSLETTER-FORM */


/* FOOTER */
.footerContainer{
    background: #cf1717;
}
.footerContainer p{
    padding:0;
    margin:0;
}
.footerContainer .footer{   
    padding:25px 0;
}

.footerContainer .footer .content-item{
    font-family:Arial;
    font-size:14px;
    font-weight:400;
    line-height:14px;   
    color: #fff;
    padding-top: 10px;
}
.footerContainer .footer ul{
    display: flex;
    float: right;
    margin: 0;
    padding:0;
}
.footerContainer .footer ul li a{
    color:#fff;
    font-family:Arial;
    font-size:12px;
    font-style:normal;
    font-weight:400;
    line-height:16px;
}
.footerContainer .footer ul li a:hover{
    text-decoration: underline;
}

@media only screen and (max-width: 991px) {
    .mainmenu-container .navbar{
        display: flex;
    }
    .navbar-brand{
        margin:0;
    }
    .mainmenu-container{
        max-width: 720px !important;
    }
}