Blog

Laaste blog bericht

.et_pb_post { position: relative; } .sj-blog .et_pb_post .post-meta a { background: #FF6600!important; color: #fff!important; padding: 6px 20px; border-radius: 50px; text-transform:uppercase; font-size:12px; font-family: Lato; font-weight:700; position: absolute; top: 12px; left: 12px; transition:.3s ease; box-shadow:0px 5px 10px rgba(0,0,0,0.42) } .sj-blog .et_pb_post .post-meta a:hover { transform:scale(1.05); box-shadow:0px 5px 20px rgba(0,0,0,0.42) } .et_pb_blog_grid .et_pb_salvattore_content[data-columns] .et_pb_post { padding-bottom: 60px; transition:.3s ease; } .et_pb_blog_grid .et_pb_salvattore_content[data-columns] .et_pb_post:hover { box-shadow: 0px 2px 84px 0px rgba(0,0,0,0.14); transform:translate(0%,-3%) } .sj-blog .published{ position: absolute; top:90%; color:#000 !Important; } .sj-blog .published:before { font-family: 'ETModules'; color: #000;; margin-right: 5px !important; } .sj-blog a.more-link{ float:right; margin-bottom:-45px; margin-top:14px; text-transform:capitalize; position:relative; margin-right:20px !important; } .sj-blog a.more-link:after{ font-family: ETModules; position:absolute; left:85px; top:2px; font-size:18px; font-weight:800; transition:.3s ease; } .sj-blog a.more-link:hover:after{ margin-left:5px; } @media only screen and ( max-width: 479px ) { a.more-link{ margin-top:13px; } .sj-blog .published{ top:91% !Important; } } @media only screen and ( min-width: 768px ) and ( max-width: 980px ) { .published{ top:92% !important; } } .sj-optin .et_pb_newsletter_field, .sj-optin .et_pb_newsletter_button_wrap { flex-basis:49%; } @media (max-width:980px) { .et_pb_column_4_4 .sj-optin { display:block; } .sj-optin .et_pb_newsletter_description, .sj-optin .et_pb_newsletter_form { width: 100%; padding: 0; } } .sj-optin.et_pb_newsletter .et_pb_newsletter_fields { width: 180% !important; } .et_pb_signup_0.et_pb_subscribe .et_pb_newsletter_button.et_pb_button:before { right: -82px !important; top: -85px; content:url( https://go-on-2.0.samarj.com/wp-content/uploads/2020/01/send.png) !important; transform:scale(.25); background:#FF6600; padding:60px 60px 30px 40px; border-radius:100%; } @media (max-width:479px) { .sj-optin .et_pb_newsletter_field, .sj-optin .et_pb_newsletter_button_wrap { flex-basis:100%; } .sj-optin.et_pb_newsletter .et_pb_newsletter_fields { width: 120% !important; } .et_pb_newsletter_form p.et_pb_newsletter_field input[type=text]{ width: 117% !important; } } @media only screen and ( min-width: 768px ) and ( max-width: 980px ) { .sj-optin.et_pb_newsletter .et_pb_newsletter_fields { width: 380% !important; } } /* Smartphones in landscape mode (480-768px) */ @media only screen and ( min-width: 480px ) and ( max-width: 767px ) { .et_pb_newsletter_form p.et_pb_newsletter_field input[type=text]{ width: 75% !important; } .et_pb_signup_0.et_pb_subscribe .et_pb_newsletter_button.et_pb_button:before { right: -200px!important; } } @media only screen and ( min-width: 768px ) and ( max-width: 980px ) { .et_pb_newsletter_form p.et_pb_newsletter_field input[type=text]{ width: 25% !important; } .et_pb_signup_0.et_pb_subscribe .et_pb_newsletter_button.et_pb_button:before { right: -530px!important; top: -166px; } } .tooltip:after, .tooltip:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .tooltip:after { border-color: rgba(136, 183, 213, 0); border-right-color: #fff; border-width: 10px; margin-top: -10px; } .tooltip:before { border-color: rgba(194, 225, 245, 0); border-right-color: #fff; border-width: 0px; margin-top: -36px; } /* Smartphones in portrait mode (0-479px) */ @media only screen and ( max-width: 479px ) { .tooltip:after, .tooltip:before { bottom: 100%!important; left: 50%!important; border: solid transparent!important; content: " "!important; height: 0!important; width: 0!important; position: absolute!important; pointer-events: none!important; } .tooltip:after { border-color: rgba(255, 255, 255, 0)!important; border-bottom-color: #fff!important; border-width: 10px!important; margin-left: -30px!important; top:-10px; } .tooltip:before { border-color: rgba(255, 255, 255, 0)!important; border-bottom-color: #fff!important; border-width: 10px!important; margin-left: -36px!important; } } @media only screen and ( min-width: 768px ) and ( max-width: 980px ) { .tooltip:after, .tooltip:before { bottom: 100%!important; left: 50%!important; border: solid transparent!important; content: " "!important; height: 0!important; width: 0!important; position: absolute!important; pointer-events: none!important; } .tooltip:after { border-color: rgba(255, 255, 255, 0)!important; border-bottom-color: #fff!important; border-width: 10px!important; margin-left: -30px!important; top:-10px; } .tooltip:before { border-color: rgba(255, 255, 255, 0)!important; border-bottom-color: #fff!important; border-width: 10px!important; margin-left: -36px!important; } } .tooltip{ opacity:0 ; -webkit-animation: fade-out-bottom 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: fade-out-bottom 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } .optin-row:hover .tooltip{ opacity:1; -webkit-animation: fade-in-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; } @-webkit-keyframes fade-out-bottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; } } @keyframes fade-out-bottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; } } @-webkit-keyframes fade-in-bottom { 0% { -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in-bottom { 0% { -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .sj-blog-latest.et_pb_posts .et_pb_post a img{ max-width: 450px!important; max-height:400px !Important; float: left; padding-right: 20px; } @media only screen and (max-width: 980px) { .sj-blog-latest.et_pb_posts .et_pb_post a img{ float:none; max-width: 250px!important; } } .sj-blog-latest a.more-link{ float:right; text-transform:capitalize; position:relative; margin-right:20px !important; } .sj-blog-latest a.more-link:after{ font-family: ETModules; position:absolute; left:85px; top:2px; font-size:18px; font-weight:800; transition:.3s ease; } .sj-blog-latest a.more-link:hover:after{ margin-left:5px; } .et_pb_blog_0 { border-radius: 10px; transition:.3s ease !important; } .sj-blog-latest .post-meta a{ color:#FF6600 !important } .sj-blog-latest .post-meta a{ color: FF6600!important; display: inline-block; position: relative; } .sj-blog-latest .post-meta a:after { background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 2px; left: 50%; top:23px; position: absolute; background: FF6600; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; } .sj-blog-latest .post-meta a:hover:after{ width: 100%; left: 0; }