/* Theme Name: Alba Soler Theme Theme URI: https://albasoler.es Description: Alba Soler Theme Author: . Author URI: Alba Soler Theme Template: Divi Version: 1.5 License: GNU General Public License v2 or later License URI:http://www.gnu.org/licenses/gpl-2.0.html */ @font-face { font-family: 'BohemeFloral'; src: url('fonts/boheme_floral.woff2') format('woff2'), url('fonts/boheme_floral.woff') format('woff'); font-weight: normal; font-style: normal; } /* Header ----------------------------------------*/ #main-header .et_mobile_menu { background-color: #fff !important; } #et-top-navigation .et-cart-info { float: left; margin: 8px 0 0 22px !important; font-size: 16px; } #main-header { box-shadow: none; } @media (max-width: 1030px) { #et_mobile_nav_menu { display: block; } #top-menu { display: none; }} @media (max-width: 980px) { /*#et_top_search { float: left; margin: 0 15px 0 !important; }*/ #et-top-navigation .et-cart-info { float: left; margin: 5px 0 0 22px !important; font-size: 16px; }} /* Footer ----------------------------------------*/ .angelina_footer { background-color: #c4b3a4; } .bottom-nav a { font-weight: 400px; font-style: normal; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid #444; font-size: 10px !important; } .bottom-nav, .bottom-nav a { font-size: 12px; text-align: center !important; float: none !important; } #footer-info { float: none; padding-bottom: 10px; color: #666; text-align: center; } /* Menu Call To Action ----------------------------------------*/ .cta-menu a { padding: 10px 35px !important; background: #f3ede6; color: #000 !important; } /* Smarth Login ----------------------------------------*/ .smartPWLogin { margin-bottom: 15px; overflow: hidden; padding: 0; display:block; margin:0 auto; text-align: center; } .smartPWLogin input { border: 1px solid #bbb !important; color: #4e4e4e !important; background-color: #fff !important; padding: 12px; font-size: 14px; margin-right: 1%; width: 20%; } .smartPWLogin input[type=submit] { -webkit-appearance: none; padding: 12px !important; background: #e6b83c !important; border-color: #e6b83c !important; color: #fff !important; cursor: pointer; } .smartPWLogin input:hover[type=submit] { background: #fff !important; color: #454a54 !important; border-color: #e6b83c !important; } /* Welcome slider ----------------------------------------*/ .angelina_slider .et_pb_slide .et_pb_container { width: 100% !important; max-width: none !important; height: auto !important; } .angelina_slider .et_pb_slide { padding: 0 !important; } .angelina_slider .et_pb_slide .et_pb_slide_image img { display: block !important; width: 100% !important; max-height: none !important; } .angelina_slider .et_pb_slide_content p:last-of-type{ background: linear-gradient(180deg, rgba(255,255,255,0) 50%, #f3ede6 50%); padding: none; display: inline; } .angelina_slider .et-pb-controllers { position: static; text-align: left; margin-top: 24px; padding-left: 14.9vw; } .angelina_slider .et-pb-controllers a:hover, .angelina_slider .et-pb-controllers a.et-pb-active-control { background-color: #fafafa !important; } .angelina_slider .et-pb-controllers a { background-color: #c4b3a4; border-radius: 50% !important; width: 8px !important; height: 8px !important; } #page-container .angelina_slider .et_pb_slider .et_pb_slide_description { transform: translate(75%,-50%)!important; } .angelina_slider .et-pb-controllers { padding-left: 350px !important; } /*Responsive*/ @media only screen and (max-width: 980px) { #page-container .angelina_slider .et_pb_row .et_pb_slide_description { width: 56% !important; } #page-container .angelina_slider .et_pb_row .et_pb_slide_description { transform: translate(60%, -50%) !important; } .angelina_slider .et-pb-controllers { padding-left: 9vw !important; } .angelina_slider .et_pb_row .et_pb_slide_description .et_pb_slide_content { font-size: 34px !important; } .et_pb_slider_0.et_pb_slider .et_pb_slide_description { left: -3%; }} @media only screen and (max-width: 767px) { #page-container .angelina_slider .et_pb_row .et_pb_slide_description { width: 100% !important; position: static !important; transform: translate(0, 0) !important; padding-top: 0; } #page-container .angelina_slider .et_pb_row .et_pb_slide_description .et_pb_slide_title { padding-bottom: 20px !important; } #page-container .angelina_slider .et_pb_row .et_pb_slide_image { margin-top: 30px !important; width: 100%; } .angelina_slider .et-pb-controllers { padding-left: 0 !important; text-align: center; }} /* Spam logo Slider ----------------------------------------*/ #page-container .angelina_stamp { position: relative; z-index: 99; } @media only screen and (max-width: 680px) { #page-container .angelina_stamp { display: none; }} /* Blurb Services ----------------------------------------*/ .angelina_blurb_service .et_pb_button_module_wrapper { z-index: 9; position: relative; max-width: 505px; margin: 0 auto !important; overflow: hidden; } #page-container .angelina_blurb_service .et_pb_blurb.et_pb_blurb:after { position: absolute; content: ""; display: block; width: auto; visibility: visible; height: auto; top: 0; left: 0; right: 0; bottom: 0; transition: 0.3s; opacity: 0.7; background-color: #000; z-index: 1; } #page-container .angelina_blurb_service .et_pb_button_module_wrapper .et_pb_button { padding-right: 40px !important; transition: 0.3s !important; } #page-container .angelina_blurb_service .et_pb_column_1_3 { cursor: pointer; } #page-container .angelina_blurb_service .et_pb_column_1_3 .et_pb_blurb h4, #page-container .angelina_blurb_service .et_pb_column_1_3 .et_pb_blurb .et_pb_blurb_description { transition: 0.4s; } #page-container .angelina_blurb_service .et_pb_column_1_3:hover .et_pb_blurb .et_pb_blurb_description { /*transition-delay: 0.2s;*/ transform: translate(0, -20px); } #page-container .angelina_blurb_service .et_pb_column_1_3:hover .et_pb_blurb h4 { /*transition-delay: 0.1s;*/ transform: translate(0, -8px); } #page-container .angelina_blurb_service .et_pb_column_1_3:hover .et_pb_blurb:after { opacity: 0.6; background-color: #000; } #page-container .angelina_blurb_service .et_pb_column_1_3:hover .et_pb_button_module_wrapper .et_pb_button { transition-delay: 0.3s !important; transform: translate(0, 0); } #page-container .angelina_blurb_service .et_pb_button_module_wrapper .et_pb_button:after { line-height: 100% !important; font-size: 36px !important; vertical-align: middle; position: absolute; top: 0; right: 0; margin-left: 0; color: inherit; } @media only screen and (max-width: 1490px) { #page-container .angelina_blurb_service .et_pb_button_module_wrapper .et_pb_button { margin-left: 12%; }} /* Porfolio ----------------------------------------*/ .et_pb_filterable_portfolio .et_pb_portfolio_filters li a { color: #000; } #angelina_portfolio_fp .et_pb_text_inner h2 { position: relative; } #angelina_portfolio_fp .et_pb_portfolio_item { position: relative; float: left; width: 23%; height: 469px; margin-right: 2%; } #angelina_portfolio_fp .et_pb_portfolio_item .et_portfolio_image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #angelina_portfolio_fp .et_pb_portfolio_item .et_portfolio_image::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #ffffff4a; opacity: 0; transition: .3s; } #angelina_portfolio_fp .et_pb_portfolio_item img { height: 100%; width: 100%; object-fit: cover; object-position: 100% 100%; } #angelina_portfolio_fp .et_pb_portfolio_item:last-child { margin-right: 0; } #angelina_portfolio_fp .et_pb_portfolio_item .et_pb_module_header { position: absolute; bottom:57px; left: 0px; width: 50%; padding: 20px; color: #fff; font-weight: 700; opacity: 1; transition: .3s; z-index: 99; } #angelina_portfolio_fp .et_pb_portfolio_item .post-meta { position: absolute; left: 0px; bottom: 0px; padding: 20px; width: 100%; z-index: 99; } #angelina_portfolio_fp .et_pb_portfolio_item .post-meta a { color: #fff; margin-right: 5%; } #angelina_portfolio_fp .et_pb_portfolio_item:hover .et_portfolio_image::before { opacity: 1; } #angelina_portfolio_fp .et_pb_portfolio_filters { margin-bottom: 0px; } #angelina_portfolio_fp .et_pb_portfolio_filters ul { position: relative; bottom: 87px; float: right; width: 50%; } #angelina_portfolio_fp .et_pb_portfolio_filters ul li a { border: none !important; font-weight: 700; } #angelina_portfolio_fp .et_pb_portfolio_filters ul li a:hover { background: #fff; color: #c4b3a4; } #angelina_portfolio_fp .et_pb_portfolio_filters ul li a.active { background: #fff !important; color: #c4b3a4; } #angelina_portfolio_fp .et_pb_portfolio_item::before { content: ''; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(0,0,0,0) 46%,rgba(0,0,0,0.6) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 46%,rgba(0,0,0,0.6) 100%); } @media (max-width: 800px) { #angelina_portfolio_fp .et_pb_portfolio_item { position: relative; float: left; width: 48%; height: 469px; margin-right: 2%; margin-bottom: 4%; } #angelina_portfolio_fp .et_pb_portfolio_filters ul { width: 100%; margin-top: 9%; }} @media (max-width: 480px) { #angelina_portfolio_fp .et_pb_portfolio_item { position: relative; float: left; width: 100%; height: 469px; margin-right: 2%; }} /* Blog Grid Front Page -----------------------------------------------------*/ .angelina_grid_blog .et_pb_post { position:relative; padding-top:50px; display:flex; flex-direction:column; } .angelina_grid_blog .et_pb_post .entry-featured-image-url{ position:relative; overflow: hidden; order:-2; margin-bottom: 0 !important; } .angelina_grid_blog .et_pb_post .entry-featured-image-url img { min-height: 370px; object-fit: cover; overflow: hidden; } .angelina_grid_blog .et_pb_post .entry-featured-image-url::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.5; transition: all 0.4s ease-in-out 0s; } .angelina_grid_blog .et_pb_post:hover .entry-featured-image-url:before{ background-color:#b2b9b6; } #page-container .angelina_grid_blog .entry-featured-image-url { height: 370px; } #page-container .angelina_grid_blog .et_pb_post .post-meta { order:-1; z-index: 3; margin-bottom:30px; transform: translateY(-50%); } #page-container .angelina_grid_blog article a[rel="category tag"], #page-container .angelina_grid_blog .post-meta a, #page-container .angelina_grid_blog .et_pb_post .published { color: #000 !important; text-transform: uppercase; background-color: #edd6c7; padding: 10px 19px !important; } .angelina_grid_blog .vryn-cats a { text-decoration: underline; display: inline-block; text-align: center; } .angelina_grid_blog .vryn-cats a:after{ content:","; margin-right:3px; } .angelina_grid_blog .vryn-cats a:last-child:after{ display:none; } .angelina_grid_blog.et_pb_posts a.more-link{ color: #000000 !important; text-transform: capitalize; margin-top:30px; font-weight:bold; display:inline-block; transition: all .4s ease-in-out; } @media (min-width: 980px){ .angelina_grid_blog .et_pb_post { width:48.5%; float: left; margin-right:3%; } .angelina_grid_blog .et_pb_post:nth-child(2n){ margin-right:0; }} /* Blog Default -----------------------------------------------------*/ .angelina_blog .entry-featured-image-url { width: 49.5%; margin-right: 6%; float: left; overflow: hidden; height: 450px; } .angelina_blog .et_pb_post a img { height: 450px; object-fit: cover; } .angelina_blog .post_info { width: 44%; float: left; margin-left: -40%; } .angelina_blog .post_info { border-radius: 0 6px; max-width: 79%; margin-top: -4.8vw; z-index: 99; position: relative; background-color: #fff; padding: 2.1vw 1.5vw; overflow: hidden; transition: 0.3s; } .angelina_blog .et_pb_post .entry-title:after { width: 100%; height: 2px; display: block; content: ''; margin: 10px auto; background-size: auto; transition: all .5s cubic-bezier(.53, .06, .28, .99); background-repeat: repeat; background-position: center center; background: #f3ede6; } .angelina_blog .et_pb_post:nth-child(2n+2) { flex-direction: row-reverse; } .angelina_blog article { margin-bottom: 53px; } .angelina_blog article a.more-link { transition: 0.3s; } .angelina_blog article a.more-link { display:inline-flex; } .angelina_blog article .post_info { margin-top: 3.3vw !important; } .angelina_blog article .post-meta .author a { margin-right: 8px !important; } .single .entry-title, .single .published { color: #000 !important; } @media (max-width: 840px){ .angelina_blog .entry-featured-image-url { width: 100%; margin-right: 6%; float: left; overflow: hidden; height: 400px; } .angelina_blog .et_pb_post .entry-title { text-transform: uppercase; margin-top: 3%; }} /* Read more -----------------------------------------------------*/ .et_pb_posts a.more-link { clear: both; border: none; margin-top: 5%; background: linear-gradient(180deg, rgba(255,255,255,0) 50%, #f3ede6 50%); display: table; margin: 3% auto; color: #000 !important; } .et_pb_posts a.more-link:hover { border: none !important; background: linear-gradient(180deg, rgba(255,255,255,0) 50%, #f3ede6 50%) !important; color: #000 !important; } /* Slim Optin Form -----------------------------------------------------*/ .angelina_optin .et_pb_newsletter_form { text-align: center !important; } .angelina_optin .et_pb_newsletter_form .et_pb_newsletter_fields{ display: block !important; flex-wrap: unset; } .angelina_optin .et_pb_newsletter_form p { padding: 0 !important; width: 25%; float: none; margin-right: 3%; position: relative; display: inline-block; flex-basis: unset; } .angelina_optin .et_pb_newsletter_form p:last-of-type { width: 29.6% !important; margin-right: 0 !important; } #page-container .angelina_optin .et_pb_newsletter_form p input { padding: 14px 18px!important; } @media (max-width: 980px){ .angelina_optin .et_pb_newsletter_form p:last-of-type { width: 50% !important; margin-right: 0 !important; margin-top: 3%; } .angelina_optin .et_pb_newsletter_form p { width: 40%; } body .angelina_testimonials .et_pb_column { border: none; }} /* Portfolio Style 1*/ /*.dm-portfolio-style1-section1 .et_pb_portfolio_item { position: relative; background: #fff; text-align: center; height: 370px !important; width: 32% !important; margin-right: 2% !important; } /* Masonry Filterable Portfolio -----------------------------------------------------*/ .angelina_masonry_portfolio .et_pb_portfolio_items { -webkit-columns: 20em; columns: 20em; -webkit-column-gap: 10px; column-gap: 10px; width: 100%; margin-bottom: 30px; } /*Size the items and add spacing*/ .angelina_masonry_portfolio .et_pb_portfolio_item { width: 100%; margin: 0; border-bottom: 10px solid transparent; overflow: hidden; -webkit-column-break-inside: avoid; break-inside: avoid-column; } .angelina_masonry_portfolio .et_pb_portfolio_item:last-child, .angelina_masonry_portfolio .et_pb_portfolio_item:nth-child(3n) { margin-right: 0 !important; } .angelina_masonry_portfolio .et_pb_column_4_4 .et_pb_grid_item:nth-child(4n+1) { clear: none !important; } .angelina_masonry_portfolio .et_portfolio_image img { } .angelina_masonry_portfolio .et_pb_portfolio_item h2 { position: absolute; width: 100%; top: 43%; z-index: 3; opacity: 0; transition: .3s; } .angelina_masonry_portfolio .et_pb_portfolio_item::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.8); opacity: 0; z-index: 1; transition: .3s; } .angelina_masonry_portfolio .et_overlay { display: none; } .angelina_masonry_portfolio .et_pb_portfolio_item .post-meta { position: absolute; top: 38%; left: 0; width: 100%; color: #a9882f; opacity: 0; transition: .3s; z-index: 2; } .angelina_masonry_portfolio .et_pb_portfolio_item .post-meta a { color: #a9882f; text-transform: uppercase; letter-spacing: 0.2em; } .angelina_masonry_portfolio .et_pb_portfolio_item:hover h2, .angelina_masonry_portfolio .et_pb_portfolio_item:hover::before, .angelina_masonry_portfolio .et_pb_portfolio_item:hover .post-meta { opacity: 1; } .angelina_masonry_portfolio .et_pb_portfolio_filters { margin-bottom: 80px; } .angelina_masonry_portfolio .et_pb_portfolio_filters ul { display: flex; justify-content: center; } .angelina_masonry_portfolio .et_pb_portfolio_filters li a { background-color: transparent; font-weight: 500; border: none !important; text-transform: uppercase; } .angelina_masonry_portfolio .et_pb_portfolio_filters li a.active { color: #a9882f; background: none !important; } .angelina_masonry_portfolio .et_pb_portfolio_filters li a.active:hover, .angelina_masonry_portfolio .et_pb_portfolio_filters li a:hover { color: #a9882f; background: none !important; } .angelina_masonry_portfolio .et_pb_portofolio_pagination { display: flex; justify-content: center; border-top: none !important; } .angelina_masonry_portfolio .et_pb_portofolio_pagination ul li { display: inline-flex; width: 60px; padding: 0 !important; border-radius: 50%; margin: 0 5px; overflow: hidden; transition: .2s; } .angelina_masonry_portfolio .et_pb_portofolio_pagination ul li a.active, .angelina_masonry_portfolio .et_pb_portofolio_pagination ul li.next, .angelina_masonry_portfolio .et_pb_portofolio_pagination ul li.prev { background: #ed6a5a; } .angelina_masonry_portfolio .et_pb_portofolio_pagination ul li.next, .angelina_masonry_portfolio .et_pb_portofolio_pagination ul li.prev { border: 4px solid #f4f4f5; } .angelina_masonry_portfolio .et_pb_portofolio_pagination ul li.page { border: 4px solid #f4f4f5;; } .angelina_masonry_portfolio .et_pb_portofolio_pagination ul li a { text-align: center; width: 100%; padding: 18px 0; } .angelina_masonry_portfolio .et_pb_portofolio_pagination ul li.page a { color: #1f2732; } .angelina_masonry_portfolio .et_pb_portofolio_pagination ul li a.active, .angelina_masonry_portfolioo .et_pb_portofolio_pagination ul li.next a, .angelina_masonry_portfolio .et_pb_portofolio_pagination ul li.prev a { color: #fff !important; transition: .2s; } .angelina_masonry_portfolio .et_pb_portofolio_pagination ul li:hover, .angelina_masonry_portfolio .et_pb_portofolio_pagination ul li:hover a.active { border-color: #232323; background: #232323 !important; } .angelina_masonry_portfolio .et_pb_portofolio_pagination ul li:hover a { color: #fff; } /* WooCommerce -----------------------------------------------------*/ .woocommerce-page ul.products li.product:nth-child(n) { width: 48% !important; margin-right: 2.5% !important; } .woocommerce-page ul.products li.product:nth-child(2n) { margin-right: 0 !important; } .woocommerce ul.products li.product:last-child, .products columns-2 .woocommerce ul.products li.product:last-child, .woocommerce-page ul.products li.product:last-child { float: left; margin: 0 0% 2.992em 0 !important; padding: 0; position: relative; } .woocommerce ul.products li.last, .woocommerce-page ul.products li.last { margin-right: 0 !important; } .orderby, .woocommerce div.product form.cart .variations td select { padding: 4px 8px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #666!important; background-color: #fff; font-family: "Open Sans",Arial,sans-serif; font-size: 12px; font-weight: 500; border: 1px solid #454a54; } body .et_pb_button:hover, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button:hover, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommoliviaerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page #content input.button:hover { color: #fff; } .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce a.button { color: #fff; } body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs, body.woocommerce div.product .woocommerce-tabs ul.tabs { background: #f7f6f5; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { border-bottom: 1px solid #f7f6f5; } body.woocommerce .woocommerce-tabs { margin: 30px 0 45px; border: 1px solid #f7f6f5; } body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active, body.woocommerce div.product .woocommerce-tabs ul.tabs li, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-right: 1px solid #f7f6f5; background: #f7f6f5; } .entry-summary .entry-title, .woocommerce div.product .product_title, .woocommerce div.product p.price, .woocommerce-page div.product p.price { margin-bottom: 2% !important; } .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals, #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { width: 100%; margin-bottom: 10% !important; } .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price, .woocommerce-page ul.products li.product .price del, .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { color: #666!important; font-size: 14px; text-align: center; } .woocommerce .products .star-rating, .woocommerce-page .products .star-rating { margin: 0 auto 2%!important; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border-top: 1px solid #ebe9eb; padding: 4px 0 0; text-align: center; } .woocommerce .woocommerce-breadcrumb { display:none; } .woocommerce div.product { margin-bottom: 0; position: relative; } .woocommerce span.onsale, .woocommerce-page span.onsale { position: absolute; z-index: 2; top: 10px!important; left: 10px!important; min-width: 0!important; min-height: 0!important; margin: 0!important; padding: 6px 18px!important; -webkit-border-radius: 0px!important; -moz-border-radius: 0px!important; border-radius: 0px!important; color: #454a54; background: #e8eced !important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; text-shadow: none!important; font-weight: 300!important; line-height: inherit!important; } .entry-summary p.price span { font-size: 20px!important; } .woocommerce-product-gallery__wrapper { margin: 0; max-height: 600px; overflow: hidden; } .woocommerce ul.products li.product { overflow: hidden; } .product .related h2 { padding-bottom: 16px; font-size: 20px!important; } @media (max-width: 600px){ .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { width: 100%; float: left; clear: both; margin: 0 0 2.992em; }} /* Social -----------------------------------------------------*/ @media (max-width: 840px){ #angelina_social { transform: translate(0%,0%); width: 100%; }} /* Password -----------------------------------------------------*/ .post-password-required .et_password_protected_form { min-height: initial; width: 50%; margin: 12% auto; text-align: center; border: 5px solid #e8eced; padding: 2%; } .et_password_protected_form .et_submit_button { display: block; float: none; margin: 8px auto 0; font-family: inherit; cursor: pointer; } /* Backgrounds -----------------------------------------------------*/ .lovely_dark_background { background-color: #294453; } .lovely_light_background { background-color: #f7f6f5; } /* 404 page no sidebar -----------------------------------------------------*/ .no-sidebar #sidebar{ display:none; } .search-no-results #main-content .container, .search-no-results #content-area, .search-no-results #left-area { padding: 0 !important; margin: 0 ; width: 100% !important; max-width: none; } .search-no-results #sidebar { display: none; } .search-no-results .et_pb_post:last-child { margin-bottom: 0; } /* Blog styling -----------------------------------------------------*/ #main-content .container::before { display:none; } .et_pb_widget_area_right { border-left:none; } .et_pb_widget a, .et_pb_widget li a { line-height:1; transition:all .3s ease-in-out; } article.et_pb_post { position:relative; } /*Change Post, Project & Archive Page Sidebars from one fourth to one third*/ .container::before { display:none; } .single-project div#left-area { width: 66.66%; } .single-project div#sidebar { width: 33.33%; } .single-post div#left-area { width: 66.66%; } .single-post div#sidebar { width: 33.33%; } .archive div#left-area { width: 66.66%; } .archive div#sidebar { width: 33.33%; } .search div#left-area { width: 66.66%; } .search div#sidebar { width: 33.33%; } @media only screen and ( max-width: 600px ) { .single-project div#left-area {width: 100%;} .single-project div#sidebar {width: 100%;} .single-post div#left-area {width: 100%;} .single-post div#sidebar {width: 100%;} .archive div#left-area {width: 100%;} .archive div#sidebar {width: 100%;} .search div#left-area {width: 100%;} .search div#sidebar {width: 100%;}} .et_right_sidebar #left-area { float: left; padding-right: 3%; } .et_pb_gutters4.et_right_sidebar #left-area { padding-right: 3%; } .archive .et_pb_post .entry-title { text-transform: uppercase; margin-top: 3%; } /* Blog slider -----------------------------------------------------*/ /*Remove slide and image padding*/ .lc-blog-slider .et_pb_slide { padding: 0; } .lc-blog-slider .et_pb_slide_image { bottom: 0 !important; top: 0 !important; margin-top: 0 !important; } /*Position the slide description and add background*/ .lc-blog-slider .et_pb_slides .et_pb_slider_container_inner { display: block; } .lc-blog-slider .et_pb_slide_description { float: auto; width: 60% !important; text-align: center; padding: 30px !important; margin: 10% auto !important; background: rgba(255, 255, 255, .8); } /*Move slide description and add some padding on smaller tablets*/ @media all and (max-width: 768px) { .lc-blog-slider .et_pb_slides .et_pb_slider_container_inner { padding-top: 100%; } .lc-blog-slider .et_pb_slide_description { width: auto !important; position: absolute; bottom: 0; }} /*Add more padding on mobile*/ @media all and (max-width: 479px) { .lc-blog-slider .et_pb_slides .et_pb_slider_container_inner { padding-top: 200%; }} .lc-blog-slider .et-pb-controllers a { background-color: transparent !important; border: 2px solid #fff; border-radius: 0; width: 10px; height: 10px; margin: 10px; } /* Single Post Navigation */ #single-post-nav { display: flex; justify-content: space-between; margin-top: 5%; padding-top: 5%; clear: both; } #single-post-nav .single-nav-next { text-align: right; } #single-post-nav .single-nav-next .et_pb_button, #single-post-nav .single-nav-prev .et_pb_button { color: #666 !important; } #single-post-nav .et_pb_button:after { display: none; } #single-post-nav .et_pb_button { padding: .5em 1em !important; margin-bottom: 15px; border: none; background: none !important; border: none; box-shadow: none !important; } #single-post-nav .single-nav-next { text-align: right; } @media (max-width:800px) { #single-post-nav .et_pb_button { font-size: 80%; text-align: center; } #single-post-nav>span { width: 40%; }} @media (max-width:600px) { #single-post-nav { flex-wrap: wrap; } #single-post-nav h5 { display: none; } #single-post-nav>span { width: 100%; } #single-post-nav .et_pb_button, .et_pb_posts a.more-link { margin: 5% auto; }} /* Related posts -----------------------------------------------------*/ .related-posts { margin-top: 5em; padding-bottom: 2em; } .related-posts h3 { font-size: 18px; text-align: center; z-index: 1; position: relative; overflow: hidden; margin-bottom: 10px; } .related-posts h3:after, .related-posts h3:before { position: absolute; top: 30%; overflow: hidden; width: 50%; height: 5px; content: '\a0'; background-color: #e3e9e7; } .related-posts h3:before { margin-left: -52%; } .related-posts h3:after { margin-left: 2%; } ul#related-posts-list { list-style: none; display: block; justify-content: space-between; padding: 0; clear: both; overflow: hidden; } ul#related-posts-list li { width: 48%; float: left; margin:2% 1%; text-align: center; } ul#related-posts-list li a { display: block; color: inherit; } ul#related-posts-list li img { min-width: 100%; } ul#related-posts-list li .img-wrap { position: relative; display: block; max-height: 200px; overflow: hidden; } ul#related-posts-list li .img-wrap:after { content: ''; display: block; position: absolute; bottom: -1px; right: 0; left: 0; top: 70%; z-index: 3; } @media (max-width:767px) { ul#related-posts-list { flex-wrap: wrap; } ul#related-posts-list li { width: 48%; } ul#related-posts-list li:nth-child(3) { display: none; } } @media (max-width:550px) { ul#related-posts-list li { width: 100%; margin-bottom: 30px; } } /* Angelina li -----------------------------------------------------*/ .angelina_li { list-style: none; } .angelina_li:before { font-family: ETmodules; content: '\4e'; padding-right: 10px; font-weight: 300; color: #a98830; font-size: 25px; } /* Instagram Feed -----------------------------------------------------*/ #sb_instagram .sbi_follow_btn a { background: #517fa4; color: #fff; border-radius: 0; color: #444 !important; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; z-index: 99; background: transparent; padding: 8px 40px; position: relative; } #sb_instagram .sbi_follow_btn { text-align: right; float: right; } /* Style Back to Top Button -----------------------------------------------------*/ .et_pb_scroll_top.et-pb-icon { background-color: #efd84a; border-radius: 0px; } /* Scrollme -----------------------------------------------------*/ .scrollme:hover { -webkit-transition: background-position 7s linear 0s; -moz-transition: background-position 7s linear 0s; transition: background-position 7s linear 0s; background-position: center bottom; /*The 4s is the time it takes for the image to scroll from start to finish, which is why the longer screenshots scroll faster*/ } .scrollme { min-height: 250px; display: block; background-position: center top; background-repeat: no-repeat; background-size: 100% auto; position: relative; -webkit-transition: background-position 1.5s ease-out 0.5s; -moz-transition: background-position 1.5s ease-out 0.5s; transition: background-position 1.5s ease-out 0.5s; /*The ease-out 0.5s is the delay before the scroll return to the original position*/ } /* Woocommerce -----------------------------------------------------*/ .woocommerce #content .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty { height: 39px; border: 1px solid #000 !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; color: #fff!important; background-color: #fff !important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; font-size: 16px!important; font-weight: 300!important; } body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs, body.woocommerce div.product .woocommerce-tabs ul.tabs { margin: 0!important; padding: 0!important; background: #f7f6f5; } .header-content a { text-transform: uppercase; color: #000; } /***Post Content***/ .single .et_pb_post .et_post_meta_wrapper img { margin-bottom: 20px; } /*Add margin to the post meta elements*/ .single .author, .single .published, .single .post-meta a[rel~="category"], .single .comments-number { margin: 0 5px 0 2px; } /*Remove the dividing line*/ @media all and (min-width: 981px) { .single #main-content .container:before { display: none; } } /*Style the search box*/ .single #sidebar .widget_search input#s, .single #sidebar .widget_search input#searchsubmit { border-radius: 0; } /*Hide the search button*/ .single #sidebar .widget_search input#searchsubmit { background: transparent; color: transparent; border: none; z-index: 1; } /*Add the magnifying glass icon*/ .single #sidebar .widget_search #searchform:after { content: '\55'; font-family: 'ETModules'; position: absolute; display: block; font-size: 20px; font-weight: bold; color: #636789; right: 10px; top: 10px; } /***Author Box***/ /*Set the border and spacing*/ .single .ds-author-bio-section { border: 5px solid #f7f6f5; padding: 15px; margin-top: 20px; } /*Style the author name*/ .single .ds-author-name { font-size: 16px; text-transform: uppercase; font-weight: bold; color: #333; } /*Add padding for the author description*/ .single p.ds-author-details { padding-bottom: 1.2em; } /*Position the author avatar*/ .single .ds-author-details img { float: left; margin: 7px 10px 10px 0; } /*Style the links*/ .single .ds-author-links a { color: #636789; text-transform: uppercase; font-weight: bold; font-size: 12px; } /***Post navigation***/ /*Next/previous post nav*/ /*Navigation sizing*/ .single #ds-single-post-nav { margin: 40px 0; display: inline-block; width: 100%; } /*Post title styling*/ .single #ds-single-post-nav h2 { margin-top: 20px; text-transform: uppercase; font-size: 16px; line-height: 1.2em; } /*Align the prev post nav*/ .single span.ds-single-nav-previous { width: 47.5%; margin-right: 2%; float: left; } .ds-single-nav-previous { width: 50%; float: left; margin:6% 0 2%; font-style: italic; word-break: break-word; } .ds-single-nav-next { width: 50%; float: right; margin:6% 0 2%; text-align: right; font-style: italic; word-break: break-word; } /*Align the next post nav*/ .single span.ds-single-nav-next { display: block; text-align: right; } /*Prev/next arrows size*/ .single .ds-meta-nav { font-size: 18px; } /*Reduce post nav button size on mobile*/ @media all and (max-width: 479px) { .single span.ds-single-nav-previous a[rel~="prev"], .single span.ds-single-nav-next a[rel~="next"] { font-size: 10px; padding: .7em .75em !important; } } /***Comments***/ /*Add the comment border*/ .single .comment-body { border: 5px solid #f7f6f5; } /*Position the text*/ .single .comment-body { position: relative; padding: 20px; margin-bottom: 30px; } /*Position the avatar container*/ .single .comment_avatar { position: relative; top: 0; } /*Position the avatar image*/ .single .comment_avatar img { display: inline-block; float: left; margin-right: 20px; height: auto; } /*Adjust the indent for replies*/ .single .comment .children { margin-left: 30px; } /*Style the comment form input text*/ .single #commentform textarea, .single #commentform input:not(.et_pb_button) { background-color: transparent; font-size: 14px; margin-bottom: 20px; color: #333; border: 5px solid #f5f5f5; } /*Styling for the reply link button only*/ .single a.comment-reply-link.et_pb_button { font-size: 14px; margin-right: 20px; top: 20px; padding: .1em .5em; } /*Move the submit button to the left*/ .single #commentform .form-submit { float: left; } /*Style the reply and submit buttons on hover*/ .single a.comment-reply-link.et_pb_button:hover, .single .form-submit .et_pb_button:hover { background: transparent; color: #636789; font-weight: bold; } /*Hide the reply link button arrow*/ .single a.comment-reply-link.et_pb_button:hover:after { display: none; } /*Style the edit comment link*/ .single .comment-edit-link { color: #636789; } /*Comment Form*/ /*Style the logged in as link*/ .single p.logged-in-as a { color: #636789; text-transform: uppercase; font-size: 12px; } /*Remove excess padding from the form fields*/ .single p.comment-form-author, .single p.comment-form-comment, .single p.comment-form-email, .single p.comment-form-url { padding-bottom: 0; } /*Align the form fields on larger screens*/ @media all and (min-width: 768px) { .single #commentform input#author { width: 48.5%; float: left; } .single #commentform input#email { width: 48.5%; float: right; } .single #commentform input#url { width: 100%; } } /* Preloader -----------------------------------------------------*/ .preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fefefe; z-index: 9999; height: 100%; width: 100%; overflow: hidden !important; } .preloader .status { margin: -35px 0 0 -35px; position: absolute; left: 50%; top: 50%; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; } .et_pb_image .et_overlay:before { color: #e8eced; } /*Blog sidebar*/ .et_right_sidebar #sidebar, #sidebar, .et_pb_module.et_pb_widget_area #sidebar, .et_pb_widget #sidebar, .et_pb_module.et_pb_widget_area { margin-bottom: 20px !important; background-color: #fff; padding: 20px; border: 1px solid #f3ede6; } .et_pb_widget_area_left { border-right: none; padding-right: 0; } .single-post div#sidebar .widgettitle, body #page-container #sidebar .widgettitle, .et_pb_widget .widgettitle { padding: 10px; margin-bottom: 20px; text-align: center; text-transform: uppercase; letter-spacing: 2px; border-bottom: 1px solid #f3ede6; } .et_pb_widget li a .lovely_blog_sidebar div { margin-bottom: 12px; clear: both; text-align: center; } .lovely_blog_sidebar .et_pb_posts a.more-link, body #page-container #sidebar .et_pb_posts a.more-link { display: table; clear: both; border: 1px solid #e5e1dc; width: auto; padding: 0 2%; margin: 2% auto; } .et_pb_widget ul li, .single-post div#sidebar .et_pb_widget ul li, .et_pb_posts a.more-link, .lovely_blog_sidebar .et_pb_widget ul li, body #page-container #sidebar .et_pb_widget ul li { text-align: center; } .single-post div#sidebar .widget_search input#searchsubmit, body #page-container #sidebar .widget_search input#searchsubmit, .widget_search #searchsubmit { border: none; background: #edd6c7; text-align: center; text-transform: uppercase; letter-spacing: 2px; width: 85px; border-radius: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; color: #4f5c5b; } #sidebar .widget_categories a, .et_pb_module.et_pb_widget_area .widget_categories a { display: block; padding: 14px; line-height: 1.2; background-color: #f3ede6; transition: all .4s cubic-bezier(.53, .06, .28,.99); text-transform: uppercase; letter-spacing: 2px; font-weight: 500; text-align: center; } #sidebar .widget_categories a:hover, .et_pb_module.et_pb_widget_area .widget_categories a:hover { padding-left: 1.2em; border-color: #fff!important; background-color: #edd6c7; color: #fff !important; } .lovely_blog_sidebar .widget_search #s, .widget_search #s { width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /*Styling for the posts*/ .lovely_blog_list .et_pb_post, .custom_blog .et_pb_post { background-color: #fff; min-height: 350px; margin-bottom: 50px; } /*Sets the image size posts and moves it to the left of the text*/ .lovely_blog_list .et_pb_post a img, .custom_blog .et_pb_post a img { float: left; width: 320px; height: 350px; object-fit: cover; margin: 0 40px 0 0; } .custom_blog .et_pb_post a img { float: left !important; padding-right: 0 !important; } /*Resize the overlay to fit the image*/ .lovely_blog_list .et_overlay, .custom_blog .et_overlay { width: 320px !important; height: 350px !important; } /*Stack the image and content on smaller screens*/ @media only screen and (max-width: 980px) { .lovely_blog_list .et_pb_post a img { width: 100%; height: 500px; object-fit: cover; margin: 0 0 40px 0; } .et_right_sidebar #sidebar, #sidebar { border: none; } /*Resize the overlay on smaller screens*/ .lovely_blog_list .et_overlay { width: 100% !important; height: 500px !important; } .lovely_blog_list .et_pb_post h2 { margin: 0 0 10px !important; } .lovely_blog_list .et_pb_post p { margin: 0; } .lovely_blog_list a.more-link { margin: 20px 0 30px 30px; } .lovely_blog_list .post-content { padding: 30px 0 30px; }} /*Style Read More Button on Blog*/ .lovely_blog_list a.more-link, .custom-blog .et_pb_post a.more-link { display: inline-block; text-transform: uppercase; background: #ffffff; width: 47%; padding: 5px 10px; text-align: center; margin: 20px auto; letter-spacing: 1px; border: none; font-family: initial; font-size: 12px; } /*Read More Button Hover Style*/ .lovely_blog_list a.more-link:hover, .custom-blog .et_pb_post a.more-link:hover { background: #ffffff !important; letter-spacing: 1px !important; display: inline-block; text-transform: uppercase; width: 47%; padding: 5px 10px; text-align: center; margin: 20px auto; letter-spacing: 1px; border: none; font-family: initial; font-size: 12px; color: #444 !important; } .et_pb_post .entry-content { padding-top: 0px !important; } .et_pb_post .entry-featured-image-url { display: block; position: relative; margin-bottom: 30px !important; } /* BLOG SMALL IMAGES */ /*.et_pb_post a img { max-width: 50% !important; float: left !important; padding-right: 0 !important; } .lovely_blog_list .et_pb_post a img { max-width: 50% !important; float: left !important; padding-right: 4 !important; } */ .et_pb_blog .entry-title { margin-top: 0 !important; padding-bottom: 22px; } .et_pb_post a img { margin-bottom: 5px; } .et_pb_post .entry-title { text-transform: uppercase; } @media only screen and (max-width: 980px) { .et_pb_post a img{ float:none !important; max-width: 100%!important;} } /* Woocommerce -----------------------------------------------------*/ .woocommerce #content .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty { height: 34px; border: 1px solid #ddd !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; color: #fff!important; background-color: #fff !important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; font-size: 16px!important; font-weight: 300!important; } body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs, body.woocommerce div.product .woocommerce-tabs ul.tabs { margin: 0!important; padding: 0!important; background: #f7f6f5; }