/*** === Pixie Free About Page Layout=== ***/ /*** Designed, Built & Created By Divi Den - https://seku.re/divi-den ***/ /*** Get Divi Theme Here: https://seku.re/get-divi ***/ /*** Make Someting Cool wioth Divi? Submit Your Site and WIN! - Free Entry: https://seku.re/showcase ***/ /*** Go To Divi Den Knowlege Base - https://seku.re/kb ***/ /*** Get Support Here: https://seku.re/support ***/ /*** Get Unlimited Automatic Computer Backups (incl. connected drives) for just $5 per month - 14day trial https://seku.re/unlimited-backup ***/ /** HEADER **/ #page-container .pixie-about-freebie-header { padding: 5vw 0 5vw ; } @media only screen and (max-width: 980px) { #page-container .pixie-about-freebie-header .et_pb_promo_description { padding-bottom: 0 ; text-align: center ; } #page-container .pixie-about-freebie-header { padding: 100px 0 ; } #page-container .pixie-about-freebie-header .et_pb_button_wrapper { text-align: center ; } #page-container .pixie-about-freebie-header .et_pb_space { margin: 0 auto 20px ; } #page-container .pixie-about-freebie-header .et_pb_promo_description h2 { padding-bottom: 30px ; text-align: center ; } } @media only screen and (max-width: 767px) { #page-container .pixie-about-freebie-header { padding: 60px 0 ; } } @media only screen and (max-width: 480px) { #page-container .pixie-about-freebie-header .et_pb_promo.et_pb_promo .et_pb_button.et_pb_promo_button { padding: 15px 40px ; } } /** CONTENT **/ .pixie-about-freebie-content p strong{ color: #000 ; } .pixie-about-freebie-content .et_pb_column_2_3 .et_pb_image img { display: block ; width: 100% ; } .pixie-about-freebie-content .et_pb_column_1_3 { width: 34% ; } .pixie-about-freebie-content .et_pb_column_2_3 { width: 57% ; margin-right: 8.7% ; } .pixie-about-freebie-content .et_pb_blurb { cursor: pointer; } /*Responsive*/ @media only screen and (max-width: 1390px) { .pixie-about-freebie-content .et_pb_column_1_4 .et_pb_blurb { max-width: 100% ; margin: 0 ; } .pixie-about-freebie-content .et_pb_column_1_4 { padding-left: 0 ; } .pixie-about-freebie-content .et_pb_row { width: 90% ; } .pixie-about-freebie-content .et_pb_column_2_3 { width: 57% ; margin-right: 4% ; } .pixie-about-freebie-content .et_pb_column_1_3 { width: 39% ; padding-top: 0 ; } } @media only screen and (max-width: 980px) { .pixie-about-freebie-content .et_pb_column_1_3 { width: 47% ; } .pixie-about-freebie-content .et_pb_column_2_3 { width: 49% ; margin-right: 4% ; } } @media only screen and (max-width: 767px) { .pixie-about-freebie-content .et_pb_column_1_3 { width: 100% ; } .pixie-about-freebie-content .et_pb_column_2_3 { width: 100% ; margin-right: 0 ; } } @media only screen and (max-width: 480px) { #page-container .pixie-about-freebie-content .et_pb_column_1_4:not(:last-child) { margin-bottom: 30px ; } } .pixie-about-freebie-content .et_pb_blurb:hover .et_pb_blurb_description { -webkit-animation: fadeIn 5s infinite; animation: fadeIn 1s infinite; animation-iteration-count: 1 } .pixie-about-freebie-content .et_pb_blurb .et_pb_blurb_container h4 { transition: 0.3s; } /*Hover*/ .pixie-about-freebie-content .et_pb_blurb .et_pb_blurb_container h4, .pixie-about-freebie-content .et_pb_blurb .et_pb_blurb_description { transition-delay: 0.3s; } .pixie-about-freebie-content .et_pb_blurb_container h4:after { display: block; content: ""; width: 0; height: 1px; margin: 20px 0 -20px; transition-delay: 0s; } .pixie-about-freebie-content .et_pb_blurb:hover .et_pb_blurb_container h4 { transform: translate(0, -6px); transition-delay: 0s ; } .pixie-about-freebie-content .et_pb_blurb:hover .et_pb_blurb_container h4:after { width: 100%; transition-delay: 0.3s; } .pixie-about-freebie-content .et_pb_blurb:hover .et_pb_blurb_description { transform: translate(0, 6px); transition-delay: 0s; } /** BLURB **/ .pixie-about-freebie-blurb .et_pb_blurb { cursor: pointer; } .pixie-about-freebie-blurb .et_pb_blurb_container h4:before { content: "$"; display: inline-block; font-family: ETmodules; font-weight: 300; vertical-align: middle; width: 0; overflow: hidden; transition: 0.3s ; } .pixie-about-freebie-blurb .et_pb_blurb:hover .et_pb_blurb_container h4:before { width: 30px ; } .pixie-about-freebie-blurb .et_pb_blurb:hover .et_pb_blurb_container { -webkit-animation: fadeIn 0.8s infinite; animation: fadeIn 0.8s infinite; animation-iteration-count: 1; } .pixie-about-freebie-blurb .et_pb_blurb .et_pb_blurb_container { padding-left: 41px; } /*Responsive*/ @media only screen and (max-width: 980px) { .pixie-about-freebie-blurb .et_pb_column_1_2 { width: 50% ; } #page-container .pixie-about-freebie-blurb .et_pb_blurb { padding: 30px ; } .pixie-about-freebie-blurb .et_pb_blurb .et_pb_main_blurb_image { display: block ; margin: 0 auto 10px ; } .pixie-about-freebie-blurb .et_pb_blurb .et_pb_blurb_container { display: block ; padding: 0 ; text-align: center ; } } @media only screen and (max-width: 767px) { #page-container .pixie-about-freebie-blurb .et_pb_blurb { padding: 20px ; } .pixie-about-freebie-blurb .et_pb_row { border: none ; } .pixie-about-freebie-blurb .et_pb_column_1_2 { width: 100% ; border-right: none ; border-bottom: 1px solid #e7e7e7; } .pixie-about-freebie-blurb .et_pb_row:last-child .et_pb_column_1_2:last-child { border: none ; margin-bottom: 0 ; } } /** BLOG **/ /*General*/ .pixie-about-freebie-blog .et_pb_posts article:nth-child(2n + 1) { clear: both; } .pixie-about-freebie-blog .et_pb_posts article:nth-child(2n + 2), .pixie-about-freebie-blog .et_pb_posts article:last-child { margin-right: 0 ; } .pixie-about-freebie-blog .et_pb_posts article { width: 47% ; margin-right: 6% ; float: left; clear: none; border: none ; } .pixie-about-freebie-blog .et_pb_posts article .entry-featured-image-url img { display: block ; width: 100% ; } .pixie-about-freebie-blog .et_pb_posts article a[rel="category tag"]:not(:last-of-type):after { content: ","; display: inline-block; margin-right: 5px; } .pixie-about-freebie-blog .et_pb_posts article a.more-link, .pixie-about-freebie-blog .et_pb_posts article .post-meta a, .pixie-about-freebie-blog .et_pb_posts article a[rel="category tag"] { transition: 0.3s; } .pixie-about-freebie-blog .et_pb_posts article a.more-link:hover, .pixie-about-freebie-blog .et_pb_posts article .post-meta a:hover, .pixie-about-freebie-blog .et_pb_posts article .categories a:hover { opacity: 0.5; } /*Blog 1*/ .pixie-about-freebie-blog .et_pb_posts article .post-content { padding-bottom: 3.4vw ; padding-left: 0.3vw; padding-top: 9px; line-height: 160%; } .pixie-about-freebie-blog .et_pb_posts article .post-meta .published { position: absolute; bottom: 6px; right: 0; } .pixie-about-freebie-blog .et_pb_posts article .post-meta .author.vcard { border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; margin-top: 24px; padding: 3px 0 0; display: block; position: absolute; bottom: 0; left: 0.3vw; width: 100%; } .pixie-about-freebie-blog .et_pb_posts article .post-meta .published, .pixie-about-freebie-blog .et_pb_posts article .post-meta .author.vcard a { text-transform: capitalize ; } .pixie-about-freebie-blog .et_pb_posts article .post-meta .published:before { vertical-align: middle; } .pixie-about-freebie-blog .et_pb_posts article .post-meta .published:before, .pixie-about-freebie-blog .et_pb_posts article .post-meta .author.vcard a:before { font-family: ETmodules; text-transform: lowercase; margin-right: 9px; color: #a7a7a7; font-weight: 700; content: "l"; margin-left: 3px; } .pixie-about-freebie-blog .et_pb_posts article .post-meta .author.vcard a:before { content: "l"; } .pixie-about-freebie-blog .et_pb_posts article .post-meta .published:before { content: ""; } .pixie-about-freebie-blog .et_pb_posts article .post-meta .published { font-size: 16px; } .pixie-about-freebie-blog .et_pb_posts article .post-meta { margin-bottom: 0 ; font-size: 0; padding-left: 0.3vw ; } .pixie-about-freebie-blog .et_pb_posts article h2.entry-title { margin-top: 19px; padding-left: 0.3vw; } /*Hovers*/ .pixie-about-freebie-blog .et_pb_posts article .entry-featured-image-url:after, .pixie-about-freebie-blog .et_pb_posts article .entry-featured-image-url:before { transition: 0.3s; } .pixie-about-freebie-blog .et_pb_posts article { cursor: pointer; } .pixie-about-freebie-blog .et_pb_posts article .entry-featured-image-url { overflow: hidden; margin-bottom: 0 ; background-color: #000 ; } .pixie-about-freebie-blog .et_pb_posts article:hover:before { width: 32%; opacity: 1; } .pixie-about-freebie-blog .et_pb_posts article:before { content: ''; display: block; opacity: 0; position: absolute; width: 0%; border-top: 1px solid #fff; z-index: 1; top: 179px; height: 0; left: 5vw; transition: 0.3s; } .pixie-about-freebie-blog .et_pb_posts article .entry-featured-image-url:before { content: ''; display: block; opacity: 0; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid #fff; z-index: 1; } .pixie-about-freebie-blog .et_pb_posts article .entry-featured-image-url:after { content: 'Read More'; display: block; opacity: 0; position: absolute; top: 50%; color: #fff; transform: translate(80%, -50%); width: 80%; font-size: 24px; text-align: right; font-family: 'Playfair Display', Georgia, "Times New Roman", serif ; } .pixie-about-freebie-blog .et_pb_posts article:hover .entry-featured-image-url:after { opacity: 1; transform: translate(0, -50%); } .pixie-about-freebie-blog .et_pb_posts article:hover .entry-featured-image-url:before { transition-delay: 0.3s; opacity: 1; top: 20px; left: 20px; bottom: 20px; right: 20px; } .pixie-about-freebie-blog .et_pb_posts article:hover .entry-featured-image-url img { opacity: 0.5 ; } .pixie-about-freebie-blog article:hover .post-content, .pixie-about-freebie-blog article:hover .post-meta, .pixie-about-freebie-blog article:hover h2.entry-title { -webkit-animation: fadeIn 0.8s infinite; /* Safari 4.0 - 8.0 */ animation: fadeIn 0.8s infinite; animation-iteration-count: 1; } @-webkit-keyframes fadeIn { from { opacity: 0.5; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0.5; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .pixie-about-freebie-blog .et_pb_posts article .entry-featured-image-url { max-height: 344px; } /*Responsive*/ @media only screen and (max-width: 1450px) { .pixie-about-freebie-blog .et_pb_posts article .entry-featured-image-url { max-height: 238px; } .pixie-about-freebie-blog .et_pb_posts article:before { top: 119px; } .pixie-about-freebie-blog .et_pb_posts article:hover:before { width: 26%; } } @media only screen and (max-width: 1390px) { .pixie-about-freebie-blog .et_pb_posts article .bottom_box .author.vcard a, .pixie-about-freebie-blog .et_pb_posts article .bottom_box span.comment { text-transform: capitalize ; display: inline-block; } .pixie-about-freebie-blog .et_pb_posts article .post-content { padding-bottom: 70px ; } } @media only screen and (max-width: 980px) { .pixie-about-freebie-blog .et_pb_posts article .entry-featured-image-url { max-height: 186px; } .pixie-about-freebie-blog .et_pb_posts article:before { top: 94px; } .pixie-about-freebie-blog .et_pb_posts article:hover:before { width: 23%; } } @media only screen and (max-width: 767px) { .pixie-about-freebie-blog .et_pb_posts article h2.entry-title { height: auto ; } .pixie-about-freebie-blog .et_pb_posts article { width: 100% ; margin-right: 0 ; float: none; } .pixie-about-freebie-blog .et_pb_posts article .entry-featured-image-url { max-height: 248px; } .pixie-about-freebie-blog .et_pb_posts article:before { top: 125px; left: 50px; } .pixie-about-freebie-blog .et_pb_posts article:hover:before { width: 30%; } } @media only screen and (max-width: 480px) { .pixie-about-freebie-blog .et_pb_posts article .entry-featured-image-url { max-height: 175px; } .pixie-about-freebie-blog .et_pb_posts article .entry-featured-image-url:after { font-size: 16px ; } .pixie-about-freebie-blog .et_pb_posts article:before { top: 89px; left: 50px; } } /** FOOTER **/ /*General*/ .pixie-about-freebie-footer a { color: inherit ; } .pixie-about-freebie-footer a:hover { opacity: 0.5 ; } /* Change color of social media icons */ .pixie-about-freebie-footer .et_pb_social_media_follow li a.icon::before { color: #000; } /*** Footers Colored Links ***/ #page-container .pixie-about-freebie-footer .et_pb_newsletter_form p:last-of-type { width: 29% ; } #page-container .pixie-about-freebie-footer .et_pb_newsletter_form p:first-of-type { width: 65.5% ; margin-right: 5.2%; } /*Columnes*/ #page-container .pixie-about-freebie-footer .et_pb_column_1_4:last-child { width: 33% ; } #page-container .pixie-about-freebie-footer .et_pb_column_1_4 { width: 16% ; } /*Focus*/ .pixie-about-freebie-footer .et_pb_newsletter p { padding-bottom: 0 ; } @media only screen and (max-width: 1390px) { #page-container .pixie-about-freebie-footer .et_pb_newsletter { padding-left: 0 ; } #page-container .pixie-about-freebie-footer .et_pb_newsletter .et_pb_newsletter_button.et_pb_button { padding: 10px 1vw ; } } @media only screen and (max-width: 1390px) and (min-width: 981px) { #page-container .pixie-about-freebie-footer .et_pb_column_1_2 .et_pb_text_inner { font-size: 28px ; } } @media only screen and (max-width: 980px) { #page-container .pixie-about-freebie-footer .et_pb_newsletter_form { display: block ; width: 100% ; padding-left: 0 ; } #page-container .pixie-about-freebie-footer .et_pb_newsletter_form p:first-of-type { width: 65% ; margin-right: 5%; float: left; } #page-container .pixie-about-freebie-footer .et_pb_newsletter_form p:last-of-type { width: 30% ; float: left; } #page-container .pixie-about-freebie-footer .et_pb_column_1_2 .et_pb_text_inner { text-align: center ; } #page-container .pixie-about-freebie-footer .et_pb_column_1_4:last-child { width: 25% ; } #page-container .pixie-about-freebie-footer .et_pb_column_1_4 { width: 22% ; margin-right: 2%; } #page-container .pixie-about-freebie-footer .et_pb_column_1_2 .et_pb_text_inner { margin-bottom: 10px ; } } @media only screen and (max-width: 767px) { #page-container .pixie-about-freebie-footer .et_pb_column_1_4:last-child { width: 48% ; } #page-container .pixie-about-freebie-footer .et_pb_column_1_4 { width: 48% ; margin-right: 4%; } #page-container .pixie-about-freebie-footer .et_pb_column_1_4:nth-child(2n + 2) { margin-right: 0 ; } #page-container .pixie-about-freebie-footer .et_pb_column_1_4 .et_pb_social_media_follow { margin-left: -12px; } #page-container .pixie-about-freebie-footer .et_pb_column_1_4 .et_pb_social_media_follow, #page-container .pixie-about-freebie-footer .et_pb_column_1_4 .et_pb_text { text-align: left ; } #page-container .pixie-about-freebie-footer .et_pb_column_4_4 .et_pb_text { text-align: center ; padding: 0 ; } .pixie-about-freebie-footer .et_pb_row:last-child .et_pb_text a { display: inline-block; } } @media only screen and (max-width: 480px) { #page-container .pixie-about-freebie-footer .et_pb_column_1_4 .et_pb_social_media_follow, #page-container .pixie-about-freebie-footer .et_pb_column_1_4 .et_pb_text, #page-container .pixie-about-freebie-footer .et_pb_column_1_4 .et_pb_promo, #page-container .pixie-about-freebie-footer .et_pb_column_1_4 .et_pb_promo h2 { text-align: center ; } #page-container .pixie-about-freebie-footer .et_pb_column_1_4 .et_pb_promo h2 { padding-bottom: 15px ; } #page-container .pixie-about-freebie-footer .et_pb_column_1_4 .et_pb_text { margin-bottom: 20px ; } #page-container .pixie-about-freebie-footer .et_pb_column_1_4 { margin-bottom: 30px ; } #page-container .pixie-about-freebie-footer .et_pb_column_1_4:last-child { width: 100% ; margin-bottom: 0 ; } #page-container .pixie-about-freebie-footer .et_pb_newsletter_form p:first-of-type { width: 100% ; margin-right: 0; position: relative; margin-bottom: 20px; } #page-container .pixie-about-freebie-footer .et_pb_newsletter_form p:last-of-type { width: 100% ; } }