{"version":3,"file":"style.css","mappings":"AAUI,WACI,oCADJ,WACI,oCADJ,WACI,oCADJ,WACI,oCADJ,WACI,oCADJ,WACI,oCADJ,WACI,oCADJ,WACI,oCADJ,WACI,oCADJ,YACI,qCADJ,YACI,qCADJ,YACI,qCAQR,wBAEQ,kBACI,oCADJ,kBACI,oCADJ,kBACI,oCADJ,kBACI,oCADJ,kBACI,oCADJ,kBACI,oCADJ,kBACI,oCADJ,kBACI,oCADJ,kBACI,oCADJ,mBACI,qCADJ,mBACI,qCADJ,mBACI,sCAKZ,wBAEQ,kBACI,oCADJ,kBACI,oCADJ,kBACI,oCADJ,kBACI,oCADJ,kBACI,oCADJ,kBACI,oCADJ,kBACI,oCADJ,kBACI,oCADJ,kBACI,oCADJ,mBACI,qCADJ,mBACI,qCADJ,mBACI,sCAIZ,+DACI,gBAOA,oDAHI,mDAOA,CAJJ,8BAGI,yBADA,aACA,4BACA,CAGA,2CAII,yDAIA,oFALA,qDACA,gDAEA,SAJA,eADA,eAMA,gBAFA,UAIA,sCAEA,iDACI,sFAGJ,+CAGI,eAFA,qCAGA,gBAFA,UAEA,CAGJ,oDAEI,yDACA,mBAFA,qDAEA,kBADA,+CACA,CAGA,uDAEI,kBADA,aAEA,uBAGJ,sDAEI,kBADA,sBACA,CAGJ,sDAII,YADA,WAFA,qBACA,oBAEA,CAIJ,gEACI,gBACA,uEACI,uBAOZ,+CACI,qGAEA,mDACI,cACA,gBAIZ,4CACI,iBAGJ,sCAMI,mBACA,sFAHA,aAFA,gBADA,kBAOA,sCALA,UAKA,CAEJ,4CACI,aAGJ,sCAOI,gBACA,mBACA,sFAHA,aAJA,SAQA,gBATA,kBAEA,UACA,6FAOA,sCANA,YAOA,UAEJ,oDAEI,aADA,WACA,CAEJ,0CAKI,YAFA,OAGA,qCALA,kBACA,MAEA,UAEA,CAEJ,+CAKI,6CACA,8DAFA,qDADA,YAEA,uBAEA,gBANA,kBACA,UAKA,CAGJ,wDACI,iBACA,kBAGA,gGADA,sCADA,UAEA,CAEJ,8DACI,6FAWJ,6DACI,gBACA,gBACA,WAGJ,mEAGI,yBAFA,qDAEA,6BAEJ,0EAGI,YADA,kBAMA,WACA,eAJA,cACA,gBAFA,aAHA,iBAQA","sources":["webpack://info-cards/./src/style.scss"],"sourcesContent":["/**\r\n * The following styles get applied both on the front of your site\r\n * and in the editor.\r\n *\r\n * Replace them with your own styles or remove the file completely.\r\n */\r\n\r\n// Columns\r\n\r\n@for $i from 1 through 12 {\r\n    .columns-#{$i} {\r\n        grid-template-columns: repeat(#{$i}, 1fr);\r\n    }\r\n\r\n    // .cols-#{$i} {\r\n    //  columns: #{$i};\r\n    // }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    @for $i from 1 through 12 {\r\n        .columns-tablet-#{$i} {\r\n            grid-template-columns: repeat(#{$i}, 1fr);\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n    @for $i from 1 through 12 {\r\n        .columns-mobile-#{$i} {\r\n            grid-template-columns: repeat(#{$i}, 1fr);\r\n        }\r\n    }\r\n}\r\n.icbCards.columns-3.columns-tablet-2.columns-mobile-1.vertical {\r\n    margin-top: 40px;\r\n}\r\n.wp-block-icb-cards {\r\n    * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .icbCards {\r\n        // margin-top: 25px;\r\n        display: grid;\r\n        justify-content: space-around;\r\n        box-sizing: border-box;\r\n        // gap: 20px;\r\n\r\n        .first4Theme {\r\n            min-width: auto;\r\n            max-width: initial;\r\n            display: flex;\r\n            flex-direction: column;\r\n            padding: 0;\r\n            margin: 0;\r\n            overflow: hidden;\r\n            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\r\n            transition: 0.3s;\r\n\r\n            &:hover {\r\n                box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);\r\n            }\r\n\r\n            img {\r\n                object-fit: cover;\r\n                width: 100%;\r\n                max-width: 100%;\r\n                overflow: hidden;\r\n            }\r\n\r\n            .content {\r\n                display: flex;\r\n                flex-direction: column;\r\n                flex: 1;\r\n                \r\n\r\n                h2 {\r\n                    margin-top: 0px;\r\n                    margin-bottom: 4px;\r\n                    overflow-wrap: anywhere;\r\n                }\r\n\r\n                p {\r\n                    overflow-wrap: anywhere;\r\n                    margin-bottom: 7px;\r\n                }\r\n\r\n                a {\r\n                    display: inline-block;\r\n                    text-decoration: none;\r\n                    color: #fff;\r\n                    border: none;\r\n                    // border-radius: 8px;\r\n                }\r\n\r\n                .btnWrapper {\r\n                    margin-top: auto;\r\n                    button {\r\n                        overflow-wrap: anywhere;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        &.horizontal {\r\n            .card {\r\n                flex-direction: row;\r\n\r\n                img {\r\n                    max-width: 50%;\r\n                    min-height: 100%;\r\n                }\r\n            }\r\n        }\r\n        .theme5-cards {\r\n            min-height: 515px;\r\n            \r\n        }\r\n        .theme5 {\r\n            position: relative;\r\n            margin-top: 70px;\r\n            width: 100%;\r\n            height: 220px;\r\n            // background: #fff;\r\n            border-radius: 20px;\r\n            box-shadow: 0 35px 80px rgba(0, 0, 0, 0.15);\r\n            transition: 0.5s;\r\n        }\r\n        .theme5:hover {\r\n            height: 415px;\r\n        }\r\n\r\n        .imgBox {\r\n            position: absolute;\r\n            left: 50%;\r\n            top: -50px;\r\n            transform: translateX(-50%);\r\n            width: 150px;\r\n            height: 150px;\r\n            background: #fff;\r\n            border-radius: 20px;\r\n            box-shadow: 0 15px 50px rgba(0, 0, 0, 0.35);\r\n            overflow: hidden;\r\n            transition: 0.5s;\r\n            z-index: 1;\r\n        }\r\n        .theme5:hover .imgBox {\r\n            width: 250px;\r\n            height: 250px;\r\n        }\r\n        .imgBox img {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n        .theme5 .content {\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 105%;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: flex-end;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .theme5 .content .details {\r\n            padding: 0 0 40px 0;\r\n            text-align: center;\r\n            width: 100%;\r\n            transition: 0.5s;\r\n            transform: translateY(100px);\r\n        }\r\n        .theme5:hover .content .details {\r\n            transform: translateY(30px);\r\n            // transform: translateY(0px);\r\n        }\r\n        // .theme5 .content .details h2 {\r\n        //     font-size: 1.25em;\r\n        //     font-weight: 600;\r\n        //     color: #d81d1d;\r\n        //     line-height: 1.2em;\r\n        //     padding-bottom: 35px;\r\n        // }\r\n\r\n        .theme5 .content .details h2 p {\r\n            font-size: 0.75em;\r\n            font-weight: 500;\r\n            opacity: 0.5;\r\n        }\r\n\r\n        .theme5 .content .details .actionBtn {\r\n            display: flex;\r\n            // gap: 20px;\r\n            justify-content: space-around;\r\n        }\r\n        .theme5 .content .details .actionBtn button {\r\n            padding: 10px 30px;\r\n            border-radius: 5px;\r\n            border: none;\r\n            outline: none;\r\n            font-size: 1em;\r\n            font-weight: 500;\r\n            // background: #ff5acd;\r\n            color: #fff;\r\n            cursor: pointer;\r\n        }\r\n    }\r\n}\r\n"],"names":[],"sourceRoot":""}