Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Hover filter blocks */
- .item-reasons{
- padding: 0!important;
- }
- .item-reasons .row{
- margin: 0;
- }
- .align-reasons{
- vertical-align: middle;
- display: table-cell;
- }
- .fa-usd{
- border: 6px solid #5b325f;
- border-radius: 30px;
- font-size: 30px;
- font-weight: 600;
- padding: 5px 12px;
- color: #5b325f;
- }
- .text-hover{
- display: none;
- }
- .text-no-hover-white p{
- font-family: 'Didot-Italic', serif;
- font-size: 42px;
- line-height: 45px;
- color: white;
- vertical-align: middle;
- text-align: center;
- }
- .text-no-hover-purple p{
- font-family: 'Didot-Italic', serif;
- font-size: 42px;
- line-height: 40px;
- color: #5b325f;
- vertical-align: middle;
- text-align: center;
- }
- .text-no-hover-white .fa-usd{
- border: 6px solid white!important;
- color: white!important;
- }
- .text-hover p{
- font-family: 'Didot-Italic', serif;
- font-size: 35px;
- line-height: 40px;
- color: #5b325f;
- vertical-align: middle;
- text-align: center;
- }
- .text-hover-paragraph{
- font-size: 16px!important;
- line-height: 20px!important;
- font-weight: 600!important;
- font-style: italic;
- font-family: 'Source Sans Pro', sans-serif!important;
- text-align: justify!important;
- margin: 21px 11.38% 0 11.38%;
- }
- .purple-filter{
- background: rgba(91, 50, 95, 0.9);
- width: 100%;
- height: 330px;
- display: table;
- z-index: 1;
- }
- .pink-filter{
- background: rgba(218, 184, 202, 0.9);
- width: 100%;
- height: 330px;
- display: table;
- z-index: 1;
- }
- .purple-filter:hover{
- background: rgba(255, 255, 255, 0.9);
- width: 100%;
- height: 330px;
- display: table;
- z-index: 1;
- }
- .pink-filter:hover{
- background: rgba(255, 255, 255, 0.9);
- width: 100%;
- height: 330px;
- display: table;
- z-index: 1;
- }
- @media screen and (min-width:992px) and (max-width:1340px){
- .text-no-hover-white p{
- font-size: 36px;
- line-height: 45px;
- }
- .text-no-hover-purple p{
- font-size: 36px;
- line-height: 40px;
- }
- .text-hover p{
- font-size: 30px;
- line-height: 32px;
- }
- }
- @media screen and (max-width:477px){
- .text-no-hover-white p{
- font-size: 36px;
- line-height: 45px;
- }
- .text-no-hover-purple p{
- font-size: 36px;
- line-height: 40px;
- }
- .text-hover p{
- font-size: 30px;
- line-height: 32px;
- }
- }
- @media screen and (min-width:477px) and (max-width:991px){
- .purple-filter, .pink-filter, .purple-filter:hover, .excellent, .new-source{
- width: 477px!important;
- }
- }
- .excellent, .new-source{
- margin-left: auto;
- margin-right: auto;
- }
- /* Block 1 */
- .excellent{
- background: url(../images/motivo1.jpg) center center no-repeat;
- background-size: cover;
- width: 100%;
- height: 330px;
- display: table;
- }
- .excellent:hover .text-no-hover-purple{
- display: none;
- }
- .excellent:hover .text-hover{
- display: block;
- }
- /* Block 1 */
- /* Block 2 */
- .new-source{
- background: url(../images/motivo2.jpg) center center no-repeat;
- background-size: cover;
- width: 100%;
- height: 330px;
- display: table;
- }
- .new-source:hover .text-no-hover-white{
- display: none;
- }
- .new-source:hover .text-hover{
- display: block;
- }
- /* Block 2 */
- /* Hover filter blocks */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement