.cnttec/*
Theme Name: WebTechAndBiz
Theme URI: 
Author: WebTechAndBiz
Author URI: 
Description: 
*/

body{
    font-family: 'Open Sans', serif !important;
    color: #444444;
    font-size: 15px !important
}
ul.navbar-nav.mr-auto a {
    font-weight: 700;
    padding: 10px 15px;
    line-height: 26px;
    color: #343a40 !important;
    /*border-bottom: 2px solid transparent;*/
        transition: border 0.5s ease;
        background-color: transparent;
    display: block;
    float: none;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
}

.navbar-toggler{border: 1px solid #444}

.hbar{width: 100%;max-width: 100%;}
.hbar .row{border-bottom: 1px solid #eee}

.logo{padding-top: 5px;padding-bottom: 0px;}

/*HOMEPAGE*/

.card{border-radius: 0px;border-top: 0px;border-left: 0px;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);}
.card-img, .card-img-top{border-radius: 0px !important;border-top-left-radius: 0px !important;border-top-right-radius: 0px !important}

.card h3{padding: 10px 0 0;font-size: 22px;padding: 0 15px 5px;padding-top: 30px}

.art{
    position: absolute;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    padding-bottom: 10px;
    padding-left: 5%;
    position: absolute;
    width: 100%;
}
.art h3{
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    font-size: 16px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 10px
}
.art h3 a{
    color: #fff !important;
}
.art p{padding-left: 0px;color: #ffffff;font-size: 11px;padding-bottom: 0px !important;margin-bottom: 3px;}

.others h3{padding: 10px 0 0;font-size: 14px}
.others img{margin-top: 10px;max-height: 101px}
/*.otr6{padding-left: 0px;padding-right: 30px}*/
.col-md-5.img6 {
    max-width: 145px;
    padding: 0px;
    padding-left: 15px;
}

.otr6 {
/*    padding-left: 10px;
    padding-right: 0px;*/
}
._pdc h3{font-size: 15px !important;margin-top: 0px !important}
.otr6 h3{line-height: 1.2;font-size: 15px !important;}
.otr6 div{height: 100%/*;border-bottom: 1px solid rgba(0,0,0,.125)*/}
.col-md-4._rgt p{padding: 0 15px 5px;font-size: 15px;}

ul.navbar-nav.mr-auto {
    margin-left: auto;
}
li.nav-item {
    min-width: 90px;
    text-align: center;
    margin-bottom: 10px
}
.active{border-bottom: 2px solid #f6b21b}

a:hover{color: #f6b21b;text-decoration: underline}
a{color: #232323;transition: all 0.3s ease;}

._sa h3 a{color: #fff;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);font-size: 22px;}
._sa span{background-color: #f6b21b;border-radius: 3px;color: #ffffff;font-size: 12px;padding: 3px 10px;margin-bottom: 10px;}
._sa .art p {font-size: 12px}
._sb {
    width: 45%;
    max-width: 45%;
    flex: 0 0 45%;
}
._sb-left{
    padding-left: 0px;
    padding-right: 8px;
}
._sb-right{
    padding-left: 0px;
    padding-right: 8px;
}

._sb-left-btm{
    padding-left: 0px;
    padding-right: 8px;
    padding-top: 8px;
}
._sb-right-btm{
    padding-left: 0px;
    padding-right: 8px;
    padding-top: 8px;
}


.col-md-8._cnt {
    width: 70%;
    max-width: 100%;
    flex: 0 0 70%;
    padding-left: 0px;
}
._cnt .img6 img {
    margin-bottom: 10px;
    max-height: 101px;
}
._cnt h3 {
    font-size: 17px;
    padding: 0px;
    /*padding-top: 10px;*/
    padding-right: 10px;
}
.col-md-4._rgt{
    width: 30%;
    max-width: 30%;
    flex: 0 0 30%;
    padding-right: 0px;
}

.blog h3{font-size: 16px}

.col-md-7.otr6.blog{padding-right: 15px;}
.col-md-7.otr6.blog .text-muted {
    font-size: 12px;
}

._cnt .h2{
    border-bottom: 2px solid #f6b21b;
    font-size: 20px;
    padding: 3px 10px;
    margin-bottom: 10px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding: 5px;
    padding-left: 0px;
}
._cnt span{
    background-color: #f6b21b;
    color: #ffffff;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px
}

._cnt-left1 div{padding: 15px;font-size: 15px}
.card.mb-4.box-shadow._cnt-left1 h3 {font-size: 20px}
.card.mb-4.box-shadow._cnt-left1 p {font-size: 15px}

.col-md-4._rgt .otr6 {
    padding: 0px;
    padding-right: 25px;
}
._rgt .h2{
    border-bottom: 2px solid #f6b21b;
    font-size: 20px;
    padding: 3px 10px;
    margin-bottom: 10px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding: 5px;
    padding-left: 0px;
}

._ftr{max-width: 100%;background-color: #303440;margin-top: 50px;}
._ftr h5{color: #fff;    border-bottom: 2px solid #f6b21c;padding-bottom: 5px;margin-bottom: 15px;}
._ftr h5 a {font-size: 1.25rem;}
._ftr a{color: #fff !important;font-size: 14px;line-height: 20px}
._ftr li{border-bottom: 1px solid #555;    margin-top: 5px;
    padding-bottom: 5px;}
footer{max-width: 1140px;margin: 0 auto;color: #aaaaaa;font-size: 14px}
.container._ftr img {
    padding-top: 20px;
}


/*CATEGORIE*/
._cnt-header h3{font-size: 32px}
.card.mb-4.box-shadow._cnt-header div {padding: 15px}
.lt{    background-color: #f6b21b;
    color: #ffffff;
    padding-top: 5px;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 5px;

    font-size: 12px;
    padding: 5px 10px;
    color: #ffffff;
    display: inline-block;
}
.tm{padding-left: 0px !important;padding-top: 0px !important}
.otr6 .text-muted {
    font-size: 12px !important;
}

.othersf h3{padding-top: 20px}
.othersf small{padding-left: 15px}
.othersf{padding-bottom: 20px}

.othersf .h2{
    border-bottom: 2px solid #f6b21b;
    font-size: 20px;
    padding: 3px 10px;
    margin-bottom: 10px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding: 5px;
    padding-left: 0px;
}
.othersf .h2 span{
    background-color: #f6b21b;
    color: #ffffff;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}
.text-muted{color: #888888}

.others.card{
    padding-top: 10px;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1) !important;
    padding-bottom: 10px
}

p {
    line-height: 1.6;
    margin-bottom: 15px;
    font-family: 'Open Sans', serif;
    font-size: 16px;
}

p a{color: #f6b21b;text-decoration: underline;
    line-height: 1.6;
    margin-bottom: 15px;
    font-family: 'Open Sans', serif;
    font-size: 16px;}
li a{color: #f6b21b;text-decoration: underline;
    line-height: 1.6;
    margin-bottom: 15px;
    font-family: 'Open Sans', serif;
    font-size: 16px;}
strong{font-size: 16px;}
li{font-size: 16px;}

/*POST*/
._cnt-post h3{font-size: 34px;line-height: 1.2;margin-top: 20px;margin-bottom: 20px}
._cnt-post{box-shadow: none !important;border: none !important}

.wp-image-105{max-width: 1024px !important;}
/*.card.mb-4.box-shadow._cnt-post div {
    margin: 0 auto;
}*/


/*@media (max-width: 375px) {*/
@media only screen and (max-width: 768px) {
._sb .row {
    padding-left: 15px;
    padding-right: 15px;
}
    .navbar-brand{display: block}
    .col-md-7._sa {
        width: 100%;
        max-width: 100%;
    }
    .col-md-7._sa img{
        height:auto !important;
    }
    .col-md-5._sb {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    ._sb-left{
        padding-left: 0px;
        padding-right: 0px;
    }
    ._sb-right{
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .col-md-6._sb-left{
        max-width: 50%
    }
    .col-md-6._sb-right{
        max-width: 50%
    }
    .col-md-6._sb-left-btm{
        max-width: 50%
    }
    .col-md-6._sb-right-btm{
        max-width: 50%
    }
    
    .col-md-8._cnt {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .col-md-4._rgt{
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        padding-right: 15px
    }
    
    .cr1{display: none}
    .cr2{display: none}
    .others.card{display: none}
    
    li.nav-item{
        min-width: 90px;
        text-align: center;
        margin-bottom: 0px
    }
    ul.navbar-nav.mr-auto a{padding: 0px}
    .navbar-brand{font-weight: 700;
    padding: 10px 15px;
    line-height: 26px;
    color: #343a40 !important;
    /* border-bottom: 2px solid transparent; */
    transition: border 0.5s ease;
    background-color: transparent;
    display: block;
    float: none;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;}
    .navbar span{font-weight: 700;
    padding: 10px 15px;
    line-height: 26px;
    color: #343a40 !important;
    /* border-bottom: 2px solid transparent; */
    transition: border 0.5s ease;
    background-color: transparent;
    display: block;
    float: none;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;}
    
    ._sa{padding-right: 15px;padding-left: 15px}
    ._sb{padding-right: 15px;padding-left: 15px}
    
    ._sb-left-btm{padding-right: 0px}
    ._sb-right-btm{padding-right: 0px}
    
    .col-md-8._cnt{padding-left: 15px;margin-top: 30px}
    .ftlv{display: none}
    
    .card.mb-4.box-shadow._cnt-left1 p {font-size: 16px}
    .col-md-4._rgt p{padding: 0 15px 5px;font-size: 16px;}
    ._cnt .h2{line-height: 35px}
}

@media (min-width: 768px) {
    .navbar-brand{display: none}
    ._cnt .h2{line-height: auto}
}

.ltdiv{padding-left: 0px !important}


.sngl h2{font-size: 26px}
.sngl h3{font-size: 24px;margin-top: 0px;margin-bottom: 5px;}
.sngl h4{font-size: 22px;margin-top: 5px;margin-bottom: 5px;}

.page h2{font-size: 26px}
.page h3{font-size: 22px;margin-top: 0px;margin-bottom: 5px;padding-left: 0px}
.page h4{font-size: 22px;margin-top: 5px;margin-bottom: 5px;}

.cat_21 h2{font-size: 28px}
.cat_21 h3{font-size: 22px}
.cat_21 p{font-size: 15px}
.cat_21 a{font-size: 15px}
.cat_21 span{font-size: 13px;background-color: #fff;color: #444444;padding: 0px;}


h1{font-size: 32px;padding-top: 15px;padding-bottom: 5px}

.wp-block-code code {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    color: #c99013;
    font-weight: 600;
    font-size: 13px;
}

p.PlInIp {
    background-color: #f6b21c;padding: 15px;font-size: 14px;border: 3px solid #a9832e;
}
p.PlInIp a{
    color: #fff;font-size: 14px;
}

.wp-block-latest-posts.is-grid img {width: 100%}
.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:0px}
.pacchetti {
    margin-top:20px
}
p.pacchetti {
    background-color: #ffffd2;
    /*padding: 10px;*/
    font-size: 12px;
    border: 1px solid #777;
}
p.pacchetti a{font-size: 12px}

.pacchetti p{
    margin-bottom:0px !important
}
.tec{background-color: transparent !important;font-size: 12px}
.cnttec{font-size: 14px;text-decoration: underline;margin-top: 10px;font-family: 'Open Sans', serif}
div{font-family: 'Open Sans', serif !important}


@media (min-width: 768px)  and (max-width: 769px){
    .col-md-7._sa {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        height: auto
    }
    img.card-img-top{height: auto !important}
    
    .cr1{display: block}
    .cr2{display: block}
}

@media (min-width: 769px) {
    ._sa{
        max-width: 55%;
        flex: 0 0 55%;
        padding-right: 8px;
        padding-left: 0px;
    }
}

/*@media (min-width: 768px) {*/
    /*.navbar-expand-md .navbar-toggler{display: block}*/
    /*.navbar-expand-md .navbar-collapse{display: none}*/
/*}*/

.wp-block-image img {
    width: auto;
    height: auto;
}



._rgt .h2{
    border-bottom: 2px solid #f6b21b;
    font-size: 20px;
    padding: 3px 10px;
    margin-bottom: 10px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding: 5px;
    padding-left: 0px;
}
._rgt span{
    background-color: #f6b21b;
    color: #ffffff;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px
}



blockquote.wp-block-quote p {
    font-size: 13px !important;
    padding-left: 10px;
    padding-right: 10px;
    color: #888;
    white-space: pre-wrap;
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
blockquote {
    margin: 0 0 1rem;
    background-color: #ffa50052;
    padding-top: 10px;
    padding-bottom: 10px;
    white-space: pre-wrap;
}

.linkedarticles img{width: 100%}
.linkedarticles h5{margin-top: 50px;border-top: 1px solid #ddd;padding-top: 50px;margin-bottom: 20px;font-size: 25px;font-weight: bold;}
.linkedarticles ._a{margin-top: 10px;}

.ylwttle{border-bottom: 2px solid #f6b21b;font-size: 20px;padding: 3px 10px;margin-bottom: 10px;padding-left:0px;margin-top:40px;}
.ylwttle span{    background-color: #f6b21b;
    color: #ffffff;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}
._bcpost h3{font-size: 20px;margin-top:20px} /*;*/
._atpost h3{font-size: 18px;margin-top:0px} /*;*/

.navbar {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

header{padding-right: 15px;padding-left: 15px}
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
}

.highlightbw{
    margin-top:40px;
    padding-top: 10px;
    background-color: #fff !important;
    border-bottom: 10px solid #555;
    border-top: 10px solid #555;
    padding-bottom: 10px;
}
.highlightbw blockquote {background-color: #fff !important;}