/*====================================*/
/*              General               */
/*====================================*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400');

html {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
    font-style:inherit;
}

h1, h2, h3, h4, h5, h6 {
    padding: 20px 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

h1 {
    font-size: 28px;
    line-height:36px;
}

h2 {
    font-size:24px;
    line-height:32px;
}

h3 {
    font-size:20px;
    line-height:28px;
}

p, ul, ol, dl, blockquote, pre, address, fieldset, figure, label {
    font-weight: 300;
}

.br-payoff h1 {
    color:#ffffff;
    margin:0;
}

.tm-page-container {
    border:none;
}

.tm-page-container {
    margin-top: 0px;
}

#tm-main, .br-single-content {
    max-width: 1000px;
    margin: 0 auto;
}

.single #tm-main {
    max-width:100%;
}

.br-grid-servizi img {
	margin-top: 30px;
	transform: scale(0.8)
}

.tm-toolbar {
    padding: 0;
}

.tm-toolbar .uk-panel.widget_custom_html {
    padding: 5px 0px;
}

.uk-navbar.uk-visible-small .uk-button {
    min-height: 20px !important;
    height: 30px !important;
    font-size: 15px;
    line-height: 28px;
    background-color: #ffffff !important;
    border: solid 1px #213981 !important;
}

.uk-navbar.uk-visible-small .uk-icon-phone {
    color:#213981;
}

blockquote {
    padding-left: 10px;
    border-left: 2px solid #213981;
    font-size: 16px;
    line-height: 26px;
    font-style: italic;
    font-weight: 300;
}

.br-form input:not(.wpcf7-submit), .br-form textarea {
    width: 100%;
    box-sizing: border-box;
    line-height: 35px;
    margin-bottom: 10px;
    padding-left:8px;
    font-family: 'Montserrat', sans-serif;
    font-weight:300;
    font-size:16px;
}

.br-form input:not(.wpcf7-submit) {
    border-radius: 3px;
    border: none;
    background-color: rgba(255, 255, 255, 0.75);
}

.br-form textarea {
    border-radius: 3px;
    border: none;
    background-color: rgba(255, 255, 255, 0.75);
    height:110px;
    padding-left:8px;
    font-family: 'Montserrat', sans-serif;
    font-weight:300;
    font-size:16px;
}

.wpcf7-list-item input[type="checkbox"] {
    width: 50px;
    margin-left:0;
}

span.wpcf7-form-control-wrap.acceptance-79, span.wpcf7-form-control.wpcf7-acceptance, span.wpcf7-list-item {
    width: 100% !important;
    display: block;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.wpcf7-list-item {
    margin-left:0;
}

.wpcf7-list-item a {
    color: #d2d2d2;
}

/*
.g-recaptcha {
    transform:scale(0.77);
    -webkit-transform:scale(0.77);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
}
*/

.grecaptcha-badge {
    z-index: 2;
}

.br-form .uk-button {
    padding: 0px 50px;
}

/*overlays*/

.uk-overlay-background {
    background-color: rgba(33, 57, 130, 0.75);
}

.uk-overlay-panel {
	color: #ffffff;
}

/*contatti fascione*/

.br-contatti {
    background-image: url(https://www.bolognaristrutturazioni.com/wp-content/uploads/2018/03/home-consulenza-min.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    color: #ffffff;
}

.br-contatti h2 {
    color:#ffffff;
}

.br-contatti-content {
    max-width: 1000px;
    margin: 0 auto;
}

.br-overlay-contatti {
    background-color: rgba(0, 0, 0, 0.5);
}


/*togliere il mega-padding da tutti i moduli del contenuto*/

div#tm-top-a,
div#tm-top-b,
div#tm-top-c,
div#tm-top-d,
div#tm-bottom-a,
div#tm-bottom-b {
    padding: 0 20px 20px 20px;
}


/*buttons*/

.uk-button {
    color: #ffffff;
    background: #b22626;
    border-radius: 50px;
    font-family: 'Montserrat', sans-serif;
	font-weight: 200;
}

.uk-button:hover, .uk-button:focus {
	background: #d32020;
}

.uk-navbar-nav > li.uk-active > a {
    color: #213982 !important;
}


/*====== header ======*/


.tm-logo-small {
    width: 180px !important;
}

.tm-logo {
    padding-right: 10px;
   
}

.tm-logo img {
    width: 180px;  
}


.uk-navbar-nav > li > a {
    font-size: 13px;
    font-weight: 300;
}

.uk-navbar-nav > li {
    padding-left: 10px;
    padding-right: 10px;
}

.uk-nav > li > a {
    padding: 8px 20px;
    line-height: 1.3em;
	font-size: 14px;
    font-weight: 300;
}

.uk-nav-offcanvas ul a {
    font-weight: 400;
}

.uk-dropdown, .uk-dropdown-blank {
    width: 225px;
}


/*====== homepage ======*/


/*====== footer ======*/

.br-footer-h3 h3 {
    font-size: 14px;
}

.br-footer-h3 ul li a {
    font-size: 12px;
    line-height: 15px;
    color: rgba(255, 255, 255, 0.7) !important;
    padding-left: 0;
}

#menu-footer-main-menu,
#menu-footer-menu-servizi,
#menu-footer-network-menu {
    list-style: none;
    padding-left: 0;
}

#menu-footer-menu-servizi {
    columns:2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.br-footer-ul {
    flex-wrap: wrap;
    display: flex !important;
    list-style: none;
    padding-left: 0;
}

.br-footer-info {
    font-size: 12px;
    line-height: 15px;
    color: rgba(255, 255, 255, 0.7) !important;
    font-style: initial;
}

.br-footer-ul li {
    font-size: 12px;
    line-height: 15px;
    color: rgba(255, 255, 255, 0.7) !important;
    padding-left: 0;
    flex: 1 0 25%;
}

.br-footer-h3 ul li.uk-active a {
    background-color: transparent !important;
}

.tm-totop-scroller:before {
    height: 45px; top: 3px;
}

.tm-totop-scroller {
    height: 45px;
    background: #b22626;
}

#tm-footer {
    padding-top:0;
}

#tm-footer > div {
    min-height:0;
}

.br-footer-info span {
    padding: 0 30px;
}

.br-footer-info span:nth-of-type(1) {
    padding-left: 0;
}

.br-footer-info {
    min-height:50px !important;
}

.br-footer-social p {
    margin:0 !important;
}

.br-footer-social i:nth-of-type(1n+2) {
    padding-left: 10px;
}

.br-footer-social i {
    color: rgba(255, 255, 255, 0.7) !important;
}


/* blog archive */

.br-post-number {
    color: #b22727;
    font-size: 30px;
    font-weight: 600;
}

.br-archive-title {
    font-size: 25px;
    line-height: 35px;
    margin:0;
}

.br-content-archive {
    font-size: 14px;
}

/* blog single */

.br-single-overlay {
    background-color: rgba(33, 57, 130, 0.75);
    height: 100%;
}

.br-single-text {
    padding-bottom: 80px;
}

/* attività */

.br-tab-attivita .uk-tab {
    border-bottom: solid 1px #eeeeee;
}

.br-tab-attivita .uk-tab > li.uk-active > a {
    color: #ffffff;
    background: #213982 !important;
    border:none !important;
}

.br-tab-attivita .uk-tab > li > a {
    font-size: 30px;
    line-height: 42px;
    padding: 10px 40px;
}

.br-tab-attivita .uk-tab > li {
    margin: 0px;
}

/*====================================*/
/*              Responsive            */
/*====================================*/


@media (min-width:315px){

    .br-payoff {
        padding: 10px 0 20px 0;
    }

}

@media (min-width:768px){

    .br-menu-contacts{
        background-color: #213982;
        color: #ffffff !important;
        padding: 6px 20px !important;
        height: 34px !important;
        line-height: 19px !important;
        border-radius: 50px;
        position: relative !important;
        top: 32px;
        border: solid 0.5px #213982!important;
        }

    .br-menu-contacts:hover {
        background-color: #ffffff;
        color: #213982 !important;
    }

    .br-menu-contacts:before {
        content: none !important;
        position: absolute;
        width: 0;
        height: 0;
        background: transparent;
        -webkit-transition: none;
        transition: none;
    }


    /*====== header ======*/


    /*====== homepage ======*/


    .br-payoff-container-color-left {
        position: absolute;
        left:0;
        top:0;
        background-color: rgba(33, 57, 130, 0.75);
        color: #ffffff;
        width: 50%;
        height: 100%;
    }

    .br-payoff-container-color-full {
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgba(33, 57, 130, 0.75);
        color: #ffffff;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }

    .br-payoff-container-right {
        position: absolute;
        right:0;
        top:0;
        color: #ffffff;
        width: 50%;
        height: 100%;
    }

    .br-payoff {
        display: inline-block;
        position: relative;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        padding: 20px;
    }

    .br-payoff-progetti {
        width: 100%;
        box-sizing: border-box;
        max-width: 1000px;
        margin: 0 auto;
        padding: 80px 80px;
    }

    .br-payoff h2 {
        color: #fff;
    }

    .br-payoff-container-color-left h3 {
        color: #fff;
    }


    .br-img-testata img {
        width: 100%;
    }

    .br-img-full-width img {
        width: 100%;
    }


}




@media (min-width:960px){

    /*====== header ======*/

    .uk-navbar-nav > li > a {
        font-size: 14px;
    }

    .uk-navbar-nav > li {
        padding-left: 20px;
        padding-right: 20px;
    }

    .tm-logo img {
        width: 200px;
    }

}



@media (min-width:1220px){

    div#tm-top-a, div#tm-top-b, div#tm-top-c , div#tm-top-d, div#tm-bottom-a, div#tm-bottom-b, .single #tm-main {
        padding: 8px 16px;
    }

    /*====== header ======*/

    .tm-logo img {
        width: 200px;
    }

    .uk-navbar-nav > li > a {
        font-size: 16px !important;
    }

    .uk-nav > li > a {
        font-size: 16px;
    }

    .tm-navbar .uk-navbar {
        padding: 0 15px 0 25px;
    }

    /*====== footer ======*/

    .br-footer-h3 h3 {
        font-size: 16px;
    }

    .br-footer-h3 ul li a {
        font-size: 12px;
    }


    #menu-footer-menu-servizi {
        columns:2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }

    .br-footer-info {
        font-size: 14px;
        line-height: 15px;
    }

    .br-footer-ul li {
        font-size: 12px;
        line-height: 24px;
        padding-left: 0;
        flex: 1 0 25%;
    }

}

@media screen and (max-width:767px) {
    .br-payoff h1, .br-payoff h2, .br-contatti-content h2 {
        font-size: 21px;
        line-height: 35px;
        margin-bottom: 0;
        padding-bottom: 0;
        color:#ffffff;
    }

    #tm-bottom-b {
        margin-top:20px;
    }

    .br-single-content {
        padding-left:0 !important;
        padding-right:0 !important;
    }

    .br-single-overlay .br-payoff {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: transparent;
    }

    .br-single-overlay {
        position:relative;
    }

    h2, .uk-h2, h1 {
        font-size: 21px;
        line-height: 35px;
    }

    h3, .uk-h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .br-img-archive {
        height: 250px !important;
        margin-bottom:20px;
    }

    .br-payoff p {
        color: #ffffff;
    }

    .br-payoff {
        background-color: rgba(33, 57, 130, 0.75);
        padding-left: 20px;
        padding-right: 20px;
    }

    .home .br-payoff {
        text-align: center !important;
    }

    .tm-bottom-a .uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) {
        opacity: 1;
    }

    .br-form .uk-text-right, .br-footer-h3 h3, .br-footer-info, #menu-footer-main-menu, #menu-footer-menu-servizi, #menu-footer-network-menu, .br-footer-ul, .br-footer-social p {
        text-align: center !important;
    }

    .br-form textarea {
        border-radius: 3px;
    }

/*
    .g-recaptcha {
        transform: scale(0.60);
        -webkit-transform: scale(0.60);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
*/

    .tm-totop-scroller {
        margin: 0 auto 30px auto;
    }

    [class*='tm-block-padding'] {
        padding: 10px 40px;
    }

    .br-prev-link a, .br-next-link a {
        font-size: 11px;
    }

    .br-subpage-img img {
        width: 50px;
        margin-top: 20px;
    }

    .br-tab-attivita .uk-tab > li > a {
        padding: 5px 30px;
        font-size: 21px;
        line-height: 35px;
    }

    .br-footer-info span {
        padding: 0;
        line-height: 20px;
    }

    .br-footer-ul {
        display:block !important;
    }

    .br-footer-ul li {
        line-height: 22px;
    }

    .br-footer-social {
        text-align: center;
    }

}