/*! * Regalami Un Sorriso ONLUS style css * Author: Agenzia Verde - www.agenziaverde.it 2017 */ * { -webkit-transition: all .10s ease-in-out; transition: all .10s ease-in-out; } @media (min-width: 992px) { body { padding-top: 56px; } } body { padding-top: 75px; font-family: 'Roboto', sans-serif; color: #434343; font-weight: 300; } a { color: #ff1b1b; } a:hover { color: #ff1b1b; } hr { width: 100%; } .bg-gray { background: #eee; } /*Typo*/ h1 { font-size: 25px; color: #535353; } h1:after { margin-top: 10px; height: 5px; display: block; width: 35px; background: #fe3d00; content: ''; } h2 { font-size: 22px; } blockquote footer { background: none } .font-weight-light { font-weight: 300; } .arrow_box { position: relative; border-right: 1px solid #ccc; } .arrow_box:after, .arrow_box:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box:after { border-color: rgba(248, 249, 250, 0); border-left-color: #f8f9fa; border-width: 15px; margin-top: -15px; } .arrow_box:before { border-color: rgba(204, 204, 204, 0); border-left-color: #ccc; border-width: 16px; margin-top: -16px; } @media (max-width: 767px) { .arrow_box { border:none; width: 100%; } .arrow_box:after, .arrow_box:before { display: none } .arrow_box h2 { text-align: center !important } } /* buttons */ .btn { border-radius: 0; border: 0; } .btn-primary { background-color: #d00000; } .btn-primary:hover { background-color: #fe3d00; border: 0 } .btn-warning { background-color: #fe3d00; color: #fff !important; font-weight: 500 !important; } .btn-warning:hover { background-color: #d00000; color: #fff; } .btn-warning .btn-light { background-color: #fff; border-radius: 0; border: 3px solid #fe3d00; padding-top: 0; padding-bottom: 0 } .btn-light i { color: #fe3d00; } .btn-light:hover { background-color: #fe3d00; border: 3px solid #fe3d00; } .btn-light:hover i { color: #fff; } /*form*/ .form-control { background-clip: inherit; } .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { border-radius: 0; } .form-control:placeholder, .custom-select { color:#999 } .input-group .form-control:not(:last-child), .input-group-addon:not(:last-child), .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn, .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group > .btn, .input-group-btn:not(:last-child) > .dropdown-toggle { border-right: 0 !important; border-radius: 0; } .form-control + .input-group-addon:not(:first-child) { border-left: 0 !important; border-radius: 0; } .input-group-addon { background: #fff; color: #ccc; font-size: 0.8rem; } .form-giallo { background-color: #fe3d00; } .form-giallo .btn-sm { padding: 0.3rem 0.5rem; } .form-giallo .custom-select, .form-giallo .form-control:focus, .form-giallo .form-control + .input-group-addon:not(:first-child) { /*border: 1px solid #d00000;*/ } .form-grigio { background-color: #00e238; } .form-grigio .custom-select, .form-grigio .form-control:focus, .form-grigio .form-control + .input-group-addon:not(:first-child) { /* border: 1px solid #434343;*/ } form h2 { font-size: 1.2rem; text-transform: uppercase; font-weight: 300; line-height: 1.1; } .form-giallo .form-row, .form-grigio .form-row { margin: 0 3px; padding-top: 7px !important } .form-giallo .form-group, .form-grigio .form-group { margin-bottom: 7px; } .form-giallo .form-row > .col, .form-row > [class*="col-"], .form-grigio .form-row > .col, .form-row > [class*="col-"] { padding-left: 3px; padding-right: 3px; } .form-giallo button, .form-grigio button { margin: 0 0.2rem; } /* Navbar */ .navbar-light2 { height: 75px; } @media (max-width: 767px) { .navbar-light2 { height: 90px; } } .navbar-nav h2 { color: #fe3d00; font-size: 1.1rem; text-transform: uppercase; margin: 10px; } @media (min-width: 992px) { /*dropdown menu*/ .vertical-divider { border-right: 1px solid #ccc; } } .navbar-light { -webkit-box-shadow: 0px 3px 5px 0px rgba(170,170,170,1); -moz-box-shadow: 0px 3px 5px 0px rgba(170,170,170,1); box-shadow: 0px 3px 5px 0px rgba(170,170,170,1); border-top: 3px solid #fe3d00; } .navbar-light .navbar-nav .nav-link { text-transform: uppercase; font-weight: bold; color: #434343; -webkit-transition: color .5s ease; -moz-transition: color .5s ease; -ms-transition: color .5s ease; -o-transition: color .5s ease; transition: color .5s ease; font-size: 0.9em } .navbar-light .navbar-nav .nav-link:hover { color: #fe3d00; } .navbar-light .navbar-nav .active { color: #fe3d00 !important; } .navbar-expand-lg .navbar-nav .nav-link { padding-left: 1rem; padding-right: 1rem; } .navbar-expand-lg .navbar-nav .nav-link i { color: #fe3d00; } .btn-warning.active, .btn-warning:active, .show > .btn-warning.dropdown-toggle { background: #fe3d00; } .dropdown-menu { border: 0; padding: 1.5rem 1rem; } @media (min-width: 992px) { .dropdown-menu { min-width: 200px; border: 0; border-radius: 0; padding: 1.2rem 1.8rem; font-size: 0.8rem; /*background: none;*/ color: #434343; border: 1px solid #ddd; border-top: none; } .dropdown-menu.columns-2 { min-width: 400px; } .dropdown-menu li a { padding: 5px; font-weight: 300; display: block; line-height: 1.428571429; color: #535353; } .dropdown-menu li a:before { content: "• "; } } .multi-column-dropdown { list-style: none; margin: 0px; padding: 0px; } .multi-column-dropdown li a { display: block; clear: both; line-height: 1.428571429; color: #535353; white-space: normal; padding:5px 15px; } .multi-column-dropdown li a:hover { text-decoration: none; color: #fe3d00; } .dropdown-item:focus, .dropdown-item:hover { background: none; color: #fe3d00; } @media (max-width: 767px) { .dropdown-menu.multi-column { min-width: 240px !important; overflow-x: hidden; } .navbar-nav { background: #fff; } .dropdown-menu { padding: 0.2rem 1rem; } .dropdown-menu h2 { margin: 0 5px 5px; } .dropdown-menu li { padding: 3px; margin-left: 5px; } } /* Card - Sostituiscono i Panel */ .card { -webkit-box-shadow: 0px 1px 2px 0px #aaa; -moz-box-shadow: 0px 1px 2px 0px #aaa; box-shadow: 0px 1px 2px 0px #aaa; -webkit-border-radius: 0 0 0 0; border-radius: 0 0 0 0; padding: 0; border: 1px solid #ddd; margin-bottom: 1rem; } .card-img-top { border-radius: 0; } .card-body { padding: 0 0.5rem 0.5rem; } .card-title { margin-bottom: 5px; } .card-title a { font-size: 1rem; color: #434343; font-weight: 500; } .card-text { color: #fe3d00; font-size: 0.8rem; } .card-columns { -webkit-column-count: 5; column-count: 5; -webkit-column-gap: 1.25rem; column-gap: 1.25rem } .card-columns .card { border: 0; box-shadow: none } .card-columns .card, .card-columns .card img { max-height: 234px; width: auto; } /* Pagina Photo Listing */ @media (max-width: 767px) { .riepilogo { margin-top: 10px; } } .riepilogo { font-size: 0.8rem } .page-link { color:#666; border: none; border-bottom: 1px solid #ddd } .page-link:hover { color:#fe3d00; background: none; border: none; border-bottom: 3px solid #fe3d00 } .page-item.active .page-link { color: #fe3d00; background:#fff; border-bottom:3px solid #fe3d00 } .page-item:first-child .page-link { border-top-right-radius:0; border-bottom-right-radius:0 } .page-item:last-child .page-link { border-top-right-radius:0; border-bottom-right-radius:0 } /** Footer */ footer { background: #434343; } footer h4 { color: #fe3d00; font-weight: 500; font-size: 1.5em; padding-bottom: 0.5rem; } footer hr { border-top: 1px solid #666 } footer .media img { border: 1px solid #fff; padding: 0.2rem; } footer .media h5 { font-weight: normal; margin-bottom: 0; margin-top: 0.5rem; font-size: 0.8rem; } footer .media h5 a { color: #fff; } footer .media p { margin: 0; color: #fff; font-size: 0.8rem; } footer .media p a { color: #fe3d00; } footer .list-unstyled a { color: #fff; font-size: 0.8rem; } footer p { color: #fff; font-size: 0.8rem; } footer .list-inline li { color: #fff; font-weight: 300; } footer .list-inline a { color: #fff; font-size: 0.8em; } footer .list-inline li:after { content: " ::"; } footer .list-inline li:last-child:after { content: ""; } .triangle { height: 0; width: 0; border-bottom: 50px solid #fe3d00; border-right: 50px solid transparent; border-left: 50px solid transparent; margin: 0 auto; } .triangle i { color: #fff; text-align: center; margin-left: -7px; margin-top: 20px; } @media (max-width: 767px) { .d2-sm-none { display: none !important; }} .btn-secondary { background-color: #039427!important; border-color: #039427!important; } .flag{ width: 22px; }