/** * 2015-2020 Bonpresta * * Bonpresta Responsive banners * * NOTICE OF LICENSE * * This source file is subject to the General Public License (GPL 2.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/GPL-2.0 * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade the module to newer * versions in the future. * * @author Bonpresta * @copyright 2015-2020 Bonpresta * @license http://opensource.org/licenses/GPL-2.0 General Public License (GPL 2.0) */ #bonbanners{margin:14px 0 40px 0;overflow:hidden;position:relative}#bonbanners.boxed-banners a .banner-inner h3{font-size:24px;margin-bottom:8px}#bonbanners.boxed-banners a .banner-inner h4{font-size:21px}#bonbanners.boxed-banners a .banner-inner p{font-size:14px;margin-bottom:8px}#bonbanners.boxed-banners a .banner-inner span{padding:12px 20px}#bonbanners p{font-size:15px}#bonbanners ul{margin-bottom:0}#bonbanners a{-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;color:#333;display:block;max-width:100%;border-radius:5px;overflow:hidden;position:relative}#bonbanners a img{width:100%;height:auto;transform:scale(1);transition:all .2s linear}#bonbanners a:hover img{transform:scale(1.07)}#bonbanners a .banner-inner{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;left:0;top:50%;padding-left:40px;z-index:2;transform:translate(0,-50%);text-align:left}#bonbanners a .banner-inner p{color:#fff;margin-bottom:25px;font-weight:200}#bonbanners a .banner-inner p strong{font-weight:500}#bonbanners a .banner-inner h3{font-size:35px;font-weight:400;max-width:57%;margin:0 0 10px;color:#fff}#bonbanners a .banner-inner h4{font-size:25px;font-weight:200;margin:0 0 5px;color:#fff}#bonbanners a .banner-inner span{letter-spacing:1px;display:inline-block;font-family:'Popins',sans-serif;background-color:#fff;box-shadow:3px 3px 3px rgb(0 0 0 / .08);text-transform:uppercase;font-weight:400;padding:13px 32px;border-radius:0 20px;white-space:inherit;transition:all .4s cubic-bezier(.6,-.48,.74,.05) 0s;font-size:15px;color:#E57965}#bonbanners a span:hover{background:#fff;color:#E57D6A;border-radius:20px 0;box-shadow:none;text-shadow:none}#bonbanners a:before,#bonbanners a:after{pointer-events:none}@media screen and (min-width:1441px) and (max-width:1780px){#bonbanners a .banner-inner h3{font-size:26px;margin-bottom:8px}#bonbanners a .banner-inner h4{font-size:22px}#bonbanners a .banner-inner p{font-size:14px;margin-bottom:8px}#bonbanners a .banner-inner span{padding:12px 20px}}#bonbanners .banners-wave-wrapper{position:absolute;left:0;right:0;bottom:0;top:0;z-index:1;margin:auto;overflow:hidden}#bonbanners .banners-wave-wrapper-inner{position:absolute;width:100%;overflow:hidden;height:100%;bottom:-2%}#bonbanners .banners-wave{width:200%;height:100%;position:absolute;left:0;background-repeat:repeat no-repeat;background-position:0 bottom;transform-origin:center bottom}#bonbanners .banners-wave-top{background-size:50% 100px;animation:waves 6s linear infinite}#bonbanners .banners-wave-bottom{background-size:50% 100px;animation:waves 14s linear infinite}@media screen and (min-width:1280px) and (max-width:1440px){#bonbanners a .banner-inner h3{font-size:24px;margin-bottom:8px}#bonbanners a .banner-inner h4{font-size:21px}#bonbanners a .banner-inner p{font-size:14px;margin-bottom:8px}#bonbanners a .banner-inner span{padding:12px 20px}}@media (max-width:1450px){#bonbanners .banners-wave-top,#bonbanners .banners-wave-bottom{background-size:50% 75px}}@media (max-width:1200px){#bonbanners .banners-wave-top,#bonbanners .banners-wave-bottom{background-size:50% 55px}#bonbanners a .banner-inner h3{max-width:70%}}@media screen and (min-width:992px) and (max-width:1280px){#bonbanners a .banner-inner{padding-left:30px}#bonbanners a .banner-inner h3{font-size:18px;margin-bottom:8px}#bonbanners a .banner-inner h4{font-size:15px}#bonbanners a .banner-inner p{font-size:12px;margin-bottom:8px}#bonbanners a .banner-inner span{padding:8px 18px}}@media (max-width:991px){#bonbanners .banners-wave-wrapper{display:none}}@media screen and (min-width:769px) and (max-width:991px){#bonbanners a .banner-inner{padding-left:24px;max-width:200px}#bonbanners a .banner-inner h3{margin:3px 0 0;font-size:16px}#bonbanners a .banner-inner h4{font-size:13px}#bonbanners a .banner-inner p{display:none}}@media screen and (min-width:576px) and (max-width:768px){#bonbanners a .banner-inner{max-width:180px;padding-left:12px}#bonbanners a .banner-inner h3{font-size:15px}#bonbanners a .banner-inner h4{font-size:12px}#bonbanners a .banner-inner p{display:none}}@media screen and (min-width:481px) and (max-width:575px){#bonbanners li{margin-bottom:20px}#bonbanners a .banner-inner h3{margin-top:8px;font-size:26px}#bonbanners a .banner-inner h4{font-size:21px}#bonbanners a .banner-inner p{font-size:13px}#bonbanners a .banner-inner span{padding:10px 20px}}@media (max-width:480px){#bonbanners .col-sm-4:first-child{padding-left:15px}#bonbanners .col-sm-4:last-child{padding-right:15px}#bonbanners li{margin-bottom:20px}#bonbanners a .banner-inner h3{font-size:20px;margin-bottom:8px}#bonbanners a .banner-inner h4{font-size:15px}#bonbanners a .banner-inner{padding:0 20px;text-align:center;max-width:240px}#bonbanners a .banner-inner p{font-size:12px;margin-bottom:8px}#bonbanners a .banner-inner span{padding:8px 18px}}@media (max-width:575px){#bonbanners{margin-top:0}#bonbanners a .banner-inner h3{max-width:100%}}@media (max-width:1024px){#bonbanners ul{margin-left:0;margin-right:0}}