{"version":3,"sources":["front-style.scss"],"names":[],"mappings":"AAIA,qBACI,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,kBAAe,CAAf,cAAe,CACf,wBAAiB,CAAjB,4BAA6B,CAHjC,6FAMQ,iBAAkB,CAN1B,2HAOyB,4BAAY,CAAZ,eAAgB,CAPzC,2HAQyB,2BAAY,CAAZ,cAAe,CARxC,2HASyB,2BAAY,CAAZ,cAAe,CATxC,2HAUyB,2BAAY,CAAZ,cAAe,CAVxC,2HAWyB,2BAAY,CAAZ,cAAe,CAXxC,uIAcY,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,wBAA8B,CAA9B,qBAA8B,CAA9B,6BAA8B,CAC9B,kBAAW,CAAX,cAAe,CAjB3B,2MAqBgB,wCAA6B,CAA7B,2BAA6B,CAC7B,0BAAY,CAAZ,iBAAkB,CAtBlC,2OA4BoB,aAAc,CA5BlC,mPA0BwB,4EAAyD,CAAzD,oEAA4E,CA1BpG,yMAiCgB,yCAA8B,CAA9B,4BAA8B,CAC9B,yBAAY,CAAZ,qBAAsB,CAlCtC,+SAqCwB,eAAgB,CArCxC,iJA4CY,kBAAmB,CA5C/B,qIAiDgB,4EAAyD,CAAzD,oEAA4E,CAjD5F,qJAsDY,eAAgB,CAtD5B,2KAwDgB,eAAgB,CAxDhC,6JA6DY,eAAe,CAKlB,kDAOL,qCACoB,4BAAY,CAAZ,eAAgB,CADpC,qCAGQ,2BAAY,CAAZ,cAAe,CAHvB,mEAKY,4BAAW,CAAX,eAAe,CAL3B,qCASQ,2BAAY,CAAZ,cAAe,CATvB,mEAWY,4BAAW,CAAX,eAAe,CAX3B,qCAeQ,2BAAY,CAAZ,cAAe,CAfvB,mEAiBY,4BAAW,CAAX,eAAe,CAjB3B,qCAqBQ,2BAAY,CAAZ,cAAe,CArBvB,mEAuBY,4BAAW,CAAX,eAAe,CAClB,CAKb,0BACI,6FAEQ,4BAAW,CAAX,eAAe,CAFvB,4eAIY,4BAAW,CAAX,eAAe,CAJ3B,2GAUgB,4BAAY,CAAZ,eAAgB,CAVhC,0GAagB,4BAAY,CAAZ,eAAgB,CACnB","file":"front-style.min.css","sourcesContent":["$breakpoint-tablet: 1000px;\r\n$breakpoint-phone: 600px;\r\n\r\n\r\n.divesites-container{\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: space-around;\r\n\r\n    .divesite-container, .divesite-container-horizontal{\r\n        padding: 50px 35px;\r\n        &.divesite-col-1{flex-basis: 100%;}\r\n        &.divesite-col-2{flex-basis: 50%;}\r\n        &.divesite-col-3{flex-basis: 33%;}\r\n        &.divesite-col-4{flex-basis: 25%;}\r\n        &.divesite-col-5{flex-basis: 20%;}\r\n    \r\n        .divesite-horizontal{\r\n            display: flex;\r\n            align-items: flex-start;\r\n            justify-content: space-between;\r\n            flex-wrap: wrap;\r\n            \r\n\r\n            .divesite-horizontal-column-image{\r\n                flex-basis: calc( 33% + 5px );\r\n                align-self: center;\r\n                \r\n                .divesite-image{\r\n                    img{\r\n                        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\r\n                    }\r\n                    margin: 0 auto;\r\n                }\r\n            }\r\n\r\n            .divesite-horizontal-column-text{\r\n                flex-basis: calc( 66% - 20px );\r\n                align-self: flex-start;\r\n                .divesite-options-container{\r\n                    .divesite-option-title{\r\n                        font-weight: 600;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .divesite-title-container{\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .divesite-image{\r\n            img{\r\n                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\r\n            }\r\n           // margin: 0 auto;\r\n        } \r\n        .divesite-options-container{\r\n            margin-top: 15px;\r\n            .dashicons{\r\n                line-height: 1.5;\r\n\r\n            }\r\n        }\r\n        .divesite-description-container{\r\n            margin-top:20px;\r\n\r\n            .divesite-description-title{\r\n                \r\n            }\r\n        }\r\n   \r\n    }\r\n}\r\n\r\n\r\n@media (min-width: $breakpoint-phone) and (max-width: $breakpoint-tablet) {\r\n    .divesites-container{\r\n        .divesite-col-1{flex-basis: 100%;}\r\n        .divesite-col-2{\r\n            flex-basis: 50%;\r\n            &.divesite-container-horizontal{\r\n                flex-basis:100%;\r\n            }\r\n        }\r\n        .divesite-col-3{\r\n            flex-basis: 50%;\r\n            &.divesite-container-horizontal{\r\n                flex-basis:100%;\r\n            }\r\n        }\r\n        .divesite-col-4{\r\n            flex-basis: 50%;\r\n            &.divesite-container-horizontal{\r\n                flex-basis:100%;\r\n            }\r\n        }\r\n        .divesite-col-5{\r\n            flex-basis: 50%;\r\n            &.divesite-container-horizontal{\r\n                flex-basis:100%;\r\n            }\r\n        }\r\n    }\r\n\r\n}\r\n@media (max-width: $breakpoint-phone) {\r\n    .divesites-container{\r\n        .divesite-container-horizontal, .divesite-container{\r\n            flex-basis:100%;\r\n            &.divesite-col-2, &.divesite-col-3, &.divesite-col-4, &.divesite-col-5 {\r\n                flex-basis:100%;\r\n            }\r\n        }\r\n        .divesite-container-horizontal{\r\n            .divesite-horizontal{\r\n                .divesite-horizontal-column-image{\r\n                    flex-basis: 100%;\r\n                }\r\n                .divesite-horizontal-column-text{\r\n                    flex-basis: 100%;\r\n                }\r\n            }\r\n        }\r\n\r\n    }\r\n  \r\n}\r\n"]}