@charset "UTF-8"; /* Themify Float 7.6.2 framework 8.1.0 */ /*/css/base.min.css*/ :where(.tf_loader){width:1em;height:1em;overflow:hidden;display:inline-block;vertical-align:middle;position:relative}.tf_loader:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999em;border-radius:50%;box-sizing:border-box;border:.15em solid rgba(149,149,149,.2);border-left-color:rgba(149,149,149,.6);animation:tf_loader 1.1s infinite linear}@keyframes tf_loader{0{transform:rotate(0)}100%{transform:rotate(360deg)}}.tf_clear{clear:both}.tf_left{float:left}.tf_right{float:right}.tf_textl{text-align:left}.tf_textr{text-align:right}.tf_textc{text-align:center}.tf_textj{text-align:justify}.tf_text_dec{text-decoration:none}.tf_hide{display:none}.tf_hidden{visibility:hidden}.tf_block{display:block}.tf_inline_b{display:inline-block}.tf_vmiddle{vertical-align:middle}.tf_mw{max-width:100%}.tf_w{width:100%}.tf_h{height:100%}:where(.tf_overflow){overflow:hidden}.tf_box{box-sizing:border-box}:where(.tf_abs){position:absolute;inset:0}:where(.tf_abs_t){position:absolute;top:0;left:0}:where(.tf_abs_b){position:absolute;bottom:0;left:0}:where(.tf_abs_c){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tf_rel{position:relative}:where(.tf_opacity){opacity:0}.tf_clearfix:after{content:"";display:table;clear:both}.loops-wrapper>.post,.woocommerce ul.loops-wrapper.products>li.product{float:left;box-sizing:border-box;margin-left:3.2%;margin-right:0;margin-bottom:3.2%;clear:none}.woocommerce .loops-wrapper.no-gutter.products>.product,body .loops-wrapper.no-gutter>.post{margin:0}.woocommerce .loops-wrapper.products.list-post>.product{margin-left:0}.tf_scrollbar{scroll-behavior:smooth;--tf_scroll_color:rgba(137,137,137,.2);--tf_scroll_color_hover:rgba(137,137,137,.4);scrollbar-color:var(--tf_scroll_color) transparent;scrollbar-width:thin}.tf_scrollbar::-webkit-scrollbar{width:var(--tf_scroll_w,10px);height:var(--tf_scroll_h,10px)}.tf_scrollbar::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color);background-clip:padding-box;border:2px solid transparent;border-radius:5px}.tf_scrollbar:hover{scrollbar-color:var(--tf_scroll_color_hover) transparent}.tf_scrollbar:hover::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color_hover)}.tf_close{position:relative;transition:transform .3s linear;cursor:pointer}.tf_close:after,.tf_close:before{content:'';height:100%;width:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:currentColor;transition:transform .25s}.tf_close:after{transform:translate(-50%,-50%) rotate(-45deg)}.tf_close:hover:after{transform:translate(-50%,-50%) rotate(45deg)}.tf_close:hover:before{transform:translate(-50%,-50%) rotate(135deg)}.tf_vd_lazy:fullscreen video{height:100%;object-fit:contain} /*/css/themify-common.css*/ iframe{border:0}a{cursor:pointer}:is(button,a,input,select,textarea,.button):focus{outline:1px dotted hsla(0,0%,59%,.2)}.tf_focus_heavy :is(button,a,input,select,textarea,.button):focus{outline:2px solid rgba(0,176,255,.8)}.tf_focus_none a,.tf_focus_none:is(button,a,input,select,textarea,.button):focus{outline:0}.tf_large_font{font-size:1.1em}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.skip-to-content:focus{clip-path:none}.post-image .themify_lightbox{display:block;max-width:100%;position:relative}.post-image .themify_lightbox .zoom{background:rgba(0,0,0,.3);border-radius:100%;height:35px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:35px}.post-image .themify_lightbox .zoom .tf_fa{color:#fff;vertical-align:middle;stroke-width:1px;left:50%;line-height:100%;position:absolute;top:50%;transform:translate(-50%,-50%)}.post-image .themify_lightbox:hover .zoom{background:rgba(0,0,0,.6)}.pswp:not(.pswp--open){display:none}:is(.ptb_map,.themify_map) button{border-radius:0;max-width:inherit} /*/wp-content/themes/themify-float/styles/modules/site-logo.css*/ #site-logo{display:inline-block;font-family:Poppins,sans-serif;font-size:2.7em;font-weight:600;letter-spacing:-.025em;line-height:normal;margin:0;padding:0;text-transform:uppercase;transition:font-size .5s ease-in-out;vertical-align:middle}#site-logo a{color:inherit;text-decoration:none}.fixed-header-on .tf_sticky_logo~*,body:not(.fixed-header-on) .tf_sticky_logo{display:none!important} /*/wp-content/themes/themify-float/styles/modules/site-description.css*/ #site-description{display:inline-block;font-family:Playfair Display,serif;font-size:.8em;font-style:italic;letter-spacing:.02em;line-height:110%;margin:0 0 0 19px;opacity:0;padding:0;position:absolute;top:50%;transform:translate(50%,-50%);transition:all .3s ease-in-out;visibility:hidden;z-index:1}#site-description .site-taglink{color:inherit;font:inherit}#site-description .site-taglink:hover{text-decoration:none}#site-description span{background-color:#fff;box-sizing:border-box;color:#000;display:inline-block;min-height:32px;padding:8px;position:relative}#site-description span:after{border:16px solid transparent;border-right-color:#fff;content:"";display:inline-block;height:0;position:absolute;right:100%;top:0;width:0;z-index:-1}#site-logo:hover+#site-description{opacity:1;transform:translateY(-50%);visibility:visible} /*/css/modules/social-links.css*/ .social-widget .widget{display:inline-block;margin:0 3px 0 0}.social-widget .widgettitle{background:0;border:0;border-radius:0;box-shadow:none;display:inline-block;font-family:inherit;font-size:100%;font-weight:700;letter-spacing:0;margin:0 .5em 0 0;padding:0;text-transform:none;vertical-align:middle;width:auto}.social-widget .social-links{display:inline;margin:6px 0 0;padding:0}.widget .social-links li img{vertical-align:middle}.widget .social-links{line-height:1em;padding:0}.social-links .social-link-item{border:0;display:inline-block;list-style:none;margin:0 5px 5px 0;padding:0}.social-links.vertical li{display:block;margin:0 0 5px}.widget .social-links a,.widget .social-links a:hover{text-decoration:none}.social-links li em{border-radius:100%;display:inline-block;font-size:20px;height:20px;line-height:1em;padding:4px;text-align:center;vertical-align:middle;width:20px}.social-links .icon-small em{font-size:16px;height:16px;width:16px}.social-links .icon-large em{font-size:28px;height:36px;padding:6px;width:36px}.social-links .icon-small img{max-height:16px;max-width:16px}.social-links .icon-medium img{max-height:24px;max-width:24px}.social-links .icon-large img{max-height:32px;max-width:32px}#footer .social-links.horizontal li,#sidebar .social-links.horizontal li{border:0;display:inline-block}#footer .social-links.vertical,#sidebar .social-links.vertical{display:block}#footer .social-links.vertical li,#sidebar .social-links.vertical li{display:block;margin:0 0 .5em} /*/css/modules/post-filter.css*/ .post-filter{margin-bottom:2em}.post-filter li{display:inline-block;margin:0}.post-filter li a{border-radius:var(--theme_btn_rounded,30px);display:inline-block;font-size:.8em;letter-spacing:.04em;line-height:1.2;outline:none;padding:.4em 1em;position:relative;text-decoration:none;text-transform:uppercase}.post-filter li.active a{background-color:#272727;color:#fff}.module .post-filter li a{text-decoration:none}.loops-wrapper{opacity:1;transition:opacity .3s linear}.tf_ajax_filter_loading .loops-wrapper{opacity:.3}.tb_hide_loadmore .tf_load_more,.tf_ajax_filter_loading .load-more-button{display:none!important}.tf_ajax_filter_loading .tf_opacity{opacity:0!important}.cat-item-all.cat-item{display:none}.tf_ajax_sort_dropdown{background:#fff;border-radius:var(--theme_rounded,8px);box-shadow:0 2px 11px 0 rgba(0,0,0,.11);font-size:.9em;height:fit-content;left:auto;line-height:1.15em;margin-top:10px;padding:10px;right:0;top:100%;width:170px;z-index:10}.tb_empty_filter .tb_empty_filter_msg,.tf_ajax_sort_dropdown:active,.tf_ajax_sort_icon:focus-within+.tf_ajax_sort_dropdown{display:block}.tf_ajax_sort_title{align-items:center;display:flex;font-size:13px;justify-content:space-between;margin-bottom:7px;padding:0 0 0 7px}.tf_ajax_sort_order{border-radius:var(--theme_btn_rounded,50em);color:#8e8e8e;cursor:pointer;font-size:17px;line-height:1;margin-left:3px;margin-top:-5px;padding:6px 7px}.post-filter li a.tf_ajax_sort_icon:hover,.tf_ajax_sort_order.active,.tf_ajax_sort_order:hover,.tf_ajax_sort_order_by li.active,.tf_ajax_sort_order_by li:hover{background:rgba(0,0,0,.1);color:#000}.tf_ajax_sort_order_by{color:#8e8e8e;display:flex;flex-direction:column;gap:2px;margin:0;padding:0}.tf_ajax_sort_order_by li{border-radius:var(--theme_btn_rounded,50em);cursor:pointer;letter-spacing:-.02em;line-height:normal;padding:6px 15px}.post-filter li a.tf_ajax_sort_icon{font-size:17px;line-height:1;padding:6px 7px;transition:none} /*/css/grids/grid4.css*/ .loops-wrapper.grid4>.post,.loops-wrapper.products.grid4>.product{width:22.6%}.loops-wrapper.grid4>.post:nth-of-type(4n+1),.loops-wrapper.products.grid4>.product:nth-of-type(4n+1){clear:left;margin-left:0}.loops-wrapper.grid4.no-gutter>.post,.loops-wrapper.products.grid4.no-gutter>.product{width:25%}@media (max-width:900px){.loops-wrapper.grid4>.post,.loops-wrapper.products.grid4>.product{width:48.4%}.loops-wrapper.grid4.no-gutter>.post,.loops-wrapper.products.grid4.no-gutter>.product{width:50%}.loops-wrapper.grid4>.post:nth-of-type(odd),.loops-wrapper.products.grid4>.product:nth-of-type(odd){clear:left;margin-left:0}}@media (max-width:680px){.loops-wrapper.grid4.no-gutter>.post,.loops-wrapper.grid4>.post{float:none;margin-left:0;width:100%}} /*/wp-content/themes/themify-float/style.css*/ /*! Theme Name:Themify Float Theme URI:https://themify.me/themes/float Version:7.6.2 Description:Created by Themify. Author:Themify Author URI:http://www.themify.me License:GNU General Public License v2.0 License URI:http://www.gnu.org/licenses/gpl-2.0.html Copyright:(c) Themify. Tags:themify, featured-images, translation-ready, custom-menu, sidebar Text Domain:themify Required Plugins:themify-portfolio-post, woocommerce, themify-shortcodes Requires PHP:7.2 Changelogs: https://themify.org/changelogs/themify-float.txt --------- DO NOT EDIT THIS FILE. If you need to override theme styling, please add custom CSS in Appearance > Customize > Custom CSS or a child theme (https://themify.me/docs/child-theme). */a,abbr,acronym,address,b,bdo,big,blockquote,body,br,button,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,form,h1,h2,h3,h4,h5,h6,html,i,img,ins,kbd,legend,li,map,object,ol,p,pre,q,samp,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0}fieldset,img{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}audio,embed,iframe,object{max-width:100%}:root{--theme_accent:#1abbc5}@font-face{font-display:swap;font-family:themify_theme_icon;src:url(data:application/octet-stream;base64,d09GRgABAAAAABPcAA8AAAAAIGQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABWAAAADsAAABUIIslek9TLzIAAAGUAAAAQwAAAFY+IFIlY21hcAAAAdgAAADBAAACjqqpk5djdnQgAAACnAAAABMAAAAgBtX/BGZwZ20AAAKwAAAFkAAAC3CKkZBZZ2FzcAAACEAAAAAIAAAACAAAABBnbHlmAAAISAAACBYAAArqnKl2KmhlYWQAABBgAAAAMgAAADYO5JGBaGhlYQAAEJQAAAAgAAAAJAhaBIBobXR4AAAQtAAAACwAAABMQvL//2xvY2EAABDgAAAAKAAAACgTcBaHbWF4cAAAEQgAAAAgAAAAIAEZC+puYW1lAAARKAAAAZgAAANF4g1h0XBvc3QAABLAAAAAnwAAAOVF3kARcHJlcAAAE2AAAAB6AAAAhuVBK7x4nGNgZGBg4GIwYLBjYHJx8wlh4MtJLMljkGJgYYAAkDwymzEnMz2RgQPGA8qxgGkOIGaDiAIAJjsFSAB4nGNgZG5jnMDAysDAVMW0h4GBoQdCMz5gMGRkAooysDIzYAUBaa4pDA4vGD4KMAf9z2KIYg5imAYUZgTJAQDsfAvMAHic7ZLNDYJAEEYfgn+IitRgPFmezejBeLIgEwvwNsexAv12d2JCD+7mEebLAJt5AFOgFkfRQHWnIq2b0irnNW3OG06qe231W+sXv/rDn/5695+PEvw8Tkar0nN7Dr+dkone1OgEM+YsWOo7KzrWbNiqe8egphn/1eWrRTWU21zKkAWaJhZkQ0GyakGybYGmjgWaPxbIBBbICRakv8ACeZLtQjqdXwpyh18Lsog/CvKJPwsyi78Kcsy7LzB8AYiWSV8AAAB4nGNgQAMSEMgc9D8LhAESbAPdAHicrVZpd9NGFB15SZyELCULLWphxMRpsEYmbMGACUGyYyBdnK2VoIsUO+m+8Ynf4F/zZNpz6Dd+Wu8bLySQtOdwmpOjd+fN1czbZRJaktgL65GUmy/F1NYmjew8CemGTctRfCg7eyFlisnfBVEQrZbatx2HREQiULWusEQQ+x5ZmmR86FFGy7akV03KLT3pLlvjQb1V334aOsqxO6GkZjN0aD2yJVUYVaJIpj1S0qZlqPorSSu8v8LMV81QwohOImm8GcbQSN4bZ7TKaDW24yiKbLLcKFIkmuFBFHmU1RLn5IoJDMoHzZDyyqcR5cP8iKzYo5xWsEu20/y+L3mndzk/sV9vUbbkQB/Ijuzg7HQlX4RbW2HctJPtKFQRdtd3QmzZ7FT/Zo/ymkYDtysyvdCMYKl8hRArP6HM/iFZLZxP+ZJHo1qykRNB62VO7Es+gdbjiClxzRhZ0N3RCRHU/ZIzDPaYPh788d4plgsTAngcy3pHJZwIEylhczRJ2jByYCVliyqp9a6YOOV1WsRbwn7t2tGXzmjjUHdiPFsPHVs5UcnxaFKnmUyd2knNoykNopR0JnjMrwMoP6JJXm1jNYmVR9M4ZsaERCICLdxLU0EsO7GkKQTNoxm9uRumuXYtWqTJA/Xco/f05la4udNT2g70s0Z/VqdiOtgL0+lp5C/xadrlIkXp+ukZfkziQdYCMpEtNsOUgwdv/Q7Sy9eWHIXXBtju7fMrqH3WRPCkAfsb0B5P1SkJTIWYVYhWQGKta1mWydWsFqnI1HdDmla+rNMEinIcF8e+jHH9XzMzlpgSvt+J07MjLj1z7UsI0xx8m3U9mtepxXIBcWZ5TqdZlu/rNMfyA53mWZ7X6QhLW6ejLD/UaYHlRzodY3lBC5p038GQizDkAg6QMISlA0NYXoIhLBUMYbkIQ1gWYQjLJRjC8mMYwnIZhrC8rGXV1FNJ49qZWAZsQmBijh65zEXlaiq5VEK7aFRqQ54SbpVUFM+qf2WgXjzyhjmwFkiXyJpfMc6Vj0bl+NYVLW8aO1fAsepvH472OfFS1ouFPwX/1dZUJb1izcOTq/Abhp5sJ6o2qXh0TZfPVT26/l9UVFgL9BtIhVgoyrJscGcihI86nYZqoJVDzGzMPLTrdcuan8P9NzFCFlD9+DcUGgvcg05ZSVnt4KzV19uy3DuDcjgTLEkxN/P6VvgiI7PSfpFZyp6PfB5wBYxKZdhqA60VvNknMQ+Z3iTPBHFbUTZI2tjOBIkNHPOAefOdBCZh6qoN5E7hhg34BWFuwXknXKJ6oyyH7kXs8yik/Fun4kT2qGiMwLPZG2Gv70LKb3EMJDT5pX4MVBWhqRg1FdA0Um6oBl/G2bptQsYO9CMqdsOyrOLDxxb3lZJtGYR8pIjVo6Of1l6iTqrcfmYUl++dvgXBIDUxf3vfdHGQyrtayTJHbQNTtxqVU9eaQ+NVh+rmUfW94+wTOWuabronHnpf06rbwcVcLLD2bQ7SUiYX1PVhhQ2iy8WlUOplNEnvuAcYFhjQ71CKjf+r+th8nitVhdFxJN9O1LfR52AM/A/Yf0f1A9D3Y+hyDS7P95oTn2704WyZrqIX66foNzBrrblZugbc0HQD4iFHrY64yg18pwZxeqS5HOkh4GPdFeIBwCaAxeAT3bWM5lMAo/mMOT7A58xh0GQOgy3mMNhmzhrADnMY7DKHwR5zGHzBnHWAL5nDIGQOg4g5DJ4wJwB4yhwGXzGHwdfMYfANc+4DfMscBjFzGCTMYbCv6dYwzC1e0F2gtkFVoANTT1jcw+JQU2XI/o4Xhv29Qcz+wSCm/qjp9pD6Ey8M9WeDmPqLQUz9VdOdIfU3Xhjq7wYx9Q+DmPpMvxjLZQa/jHyXCgeUXWw+5++J9w/bxUC5AAEAAf//AA94nI1Wa2wU1xW+59557M7se2dnbLxevA/vm7XZJ9hmPbFsjB+Aa5zUEAPGsQyYgC26ICtpaUQrFOXhpo4EqCIujewqKooa2pTyq6BCqyqt0kZCBfVP/1RqI0VtfrSJ+oNxz8yuaaP2R3dHM/eee/Z893znO3eWACEbf2a3aIoopFlXnUAABingY4EQMqdoPsZrGTsIkQTEi71Qzmt2vG0FVWE3jBkpJBkzsnwYn5CEpBx0TMnwLeM5WYa35JA0JcvGIzTLU3KQEBPrh+xd5iE2ktTbOQtL4CkMMEpJv7kO42gjz5i+w6qH8moGwiDaQYMwe/exB06mjP1wM2VcoZ9Cn3ElDTfhvZRxeTP2NSt2RN9qEzEqhf8R1es3o9ohAeFSGCrsmrE/BScfe+inxpUUTBv703CyG+ZTmD3d2NiYZ99jTowZJhk9uRWjuIABHSQcBuPINEZkFNg0odRJh7So4vfxfHMGijkQFLUKoAiRDhCikRytciGqKaKm0m+s/G4FLwhlu5Q7sy+OrZzQac/zy2vLz/fAwJ0AXDy+Qi9/cFV4zfhOazpwZ6A6/8bby2e6uL65y3tfnL0TwK1Z+d6lV1k/1m3bT8CicuS92NikLpuLizh3wFCLbiebpTz4vqZZqVNVcTfqWWmUki4bDyElSYfloGzWE1axoIcl+gPjkfHQGkrwXbPGq1atn+DXGvj2/ws/6KtTb1KC2PZNQZkbmEfYoHwYoZPGo4agViU4aRyr7wpSprpMB9PRwicEdbu7rlseCIVBQgldQC7InKZYum0XMc8ngA0sdmMKpYmZPWogrprxV+VTU5hlCvOVzHVEl+pQVq5/ow/oJRIjIb0l0uwRORMOhbCJpwQVheObMu0WtR0g1iF7IVHPcStU6ky7AQXwwD3qyXrW1vA26jGfnn/P3e61Nfeiag7W193/7ejOmQ7WnlboQ5YjPBF+zFHYhsRajZKH9bSRhw/TKOZnU/Ahjho5rDB7w58Hyx+pqTC7kU/DuvGs6Z9PwTqsbfr/jH7AZBIkYT3kMhWGCaN9AU8HmAPi8zgkEoQWjlcykNdCoHkVQUSpm9lHI4kclLzFcqVcoK84HH4FVJ/kalE++0zZ4nT4VNXncDKZt4WUx9v9bSLn++QTPy+2+elvccbX8T9nL9N7pIPs1Ydz2XQb5XmhGThe9VHGyQCUGyQCLywQnuMXCMe4BexFtoCVoQtW10+YXT9pxhqNqWrUG0mKfEsGBDGguFgiklAL+UoOGo9doGo5KFYwj3gJ953XyhVBLLOX20vpZ5beOXbla/6mCzPdUz6/u6mpdzyebc82999d5OeH95d2lQPdRXqmnNCG3rg0q9Mv0b2wu8wE50wfDdDmfdPpA7N8QBk5ATsdbXpMaPB7k2ps3OwfPY1zAfWL+1/E2nBAUVtH0E2YJILgIENRL378YWv/gWhEaIWCGPXit1TAzRbyVPtyZ2RNXb6xvFw7Ns5G3kwm59eNSXhn/YUTZ61WQbx/Mj/W00bayE5S1gtJOzW7ljAeeAaniUB4JvDT/0Edh8cykldWdwSLfp8JXsHzLF4s51VeFTIQiWOVEyZ3xUq5G0KsYa3kWN2KRpVTfb+vHqriBSFQvCMuBRy3XnL5HHY3O/j210ehHQKeMZcK4uzqH867lIAb3gTpo6XZbeZvqmfdms/10i0HKK4RjySJoxfWDrlVxbn06PqMDY1jHsV2/iPj75ucsinMcYTs0Qd6USsSktknYBYMj2zMk7PypEyg00gJz7Ev5GtJZWhP987tHZlUPBEV8QhBCEA1o5BRGoV8FUp4ticiLiYqqqZib1fKibhVA1VE/WPyVVoqxrFGAUUTBdRUqViFfAjYwbO/rFV7wpLQLHdF++e7+r861j23u6hCNuvBnVBmb60dnZiGfd0oVE51hILRTlfFTr+yXPv5X+8uwZFz92u+YtL/nNo2emlCX+ynkeLu4XjXpE/0eZ2cU47kJ16YGjr6TciH/X2d/mCsuj0Z/DjRU3hwEX9au2/qgCJH93mBfk6i2FmH9UNuoOABieI7TaI8lfjTRMReEtlpJINKQKdtIHC8MO6Q7YwnnMhzR0w1sQnCmEkZw+6KxTpiHblt2QyK1BtojyaiTr7Voi6Bb75ilRbymoicuECxSGSVaCmstgeigWjJlHAhwCIzPzp34OoZXT9z9cD1swtPzQzU+vtrA7l9+biH+wtcFOFP58wPPH3u/ROAXt9H51OnevuXXlvq3xLvzPlej8XO12p4ber9N+wg3cCRi6TJsD4YAWytQdFOwcbbgD8tcBQPw0V0oDaGekCbbYLYbPwk4W38KCGpRLgt2KIqXo/TYRfQj3klPpDxY99hH5hCNzsBcGrVWxQC3mh5FyQKgShmmFfv3b7flYPcjq6pHfTVn+Y6ozmncBvgNshN8Z7I0Rr84/FDmrqRKpfHy2VDN+5Bsrsv3uoNGr/+4yvrLWO+LW0euECwY8nGMruPZ4WNeMkWrFyWlEiVDJJJ/ekW/D9iN19Eg3bgHOAwFW4josMmThMncXBOx7QAYL0fial5yugUkSR5ksiyQxraPdD31K6enTs6O/yKv0nBm8+FpWt/0uc4yEE5BGYxGwNcMnsZNn3MpS9a+LozLsXT3el0VxaUZDXO5cqdRi3dk6TZHTl6DVdoXI89/rg4XMSLvo5+FN2MtxrHRXL4+B4Ynhve05o2o3y7NW15wHzIiiBEjF81TNTZboYoGr/YXILj9ePjetEKMUz+BZuX64QAAHicY2BkYGAA4tCX7mfi+W2+MnAzvwCKMFxNUPsAo////5/FysYcBORyMDCBRAF3kA1QAAB4nGNgZGBgDvqfxcDAyvr///+/rGwMQBEUIAwAj+4F43icY37BwMCMjBf8/890ioEBhMF8QYQcWGwBkLaGikcyMLCyQmiQPACY9Q4oAAAAAAA2AGQAjgDcARwBXAGSAdwB9AIMAkwCvAL0A2YD+ARsBNIFdQABAAAAEwBMAAgAAAAAAAIAHAAsAHMAAABuC3AAAAAAeJyNkM1Kw0AUhU9qVbTgQsH1LEQUIf0BKbhSCu3OhYtuXNQYJ8mUdKZMpkIWPoL4LG59AVe+gi/gS3iSDiIWoQmT+e65507mXgD7+ESA5XPOteSA+rnnBrYx8rxB/dpzk3zneRMtWM9b1J887+IML55bOMAbTwiaO4ym+PAc4Cjoe25gL7j1vEFdeW6Snz1v4jB49bxF/d3zLsbBl+cWjhtXAzMvrUozJ04Gp6LX6fbFfSkMJaWjXEQLlxlbiEuRGO1knpswNjOXyZlKykm1y4mKjb6R6SKP7GpiVRlLWyijRTfsrCZHUksbOflQ3aJ4THvOJSKxZiaG/v9ibs1Uxi7MnJtftNu/74UBDOYoOWaFFBkcBE6onnLvoYMu+qR7OgSdS5eCRoScSoQFK7I6UzC+5EoYaaqSjpwcIuZ3Vvskd0VHiclPLMmq9mjcMEp5Zs6T7VoV63jGjKr7qToS7ClkZ+tUjhjpujqqO3r4mUWBR960R9Wxvura1l0KDP/0LzjfKjelElMP6yk7qhdo8/1nXt9ndae2eJxtS0sSgjAUa0Ao4BfxGizUE2F5QIdaOm0ZxtuLwNIskkw+LGArMvYfBQKE2CFCDI4EKTLsccARJ5xxQY4rCtxYWg+TLgdDOmrVx3R84fIeO6qs6FJFjV/qzMq2Wy0fzaKxqLQgtV0emz6T1zD078r23E/Se7JJUwn6haF1LjdSzxk5XwpphaI6ao0aXaKk7qmWmrt5ocky9gWHfThLAHicY/DewXAiKGIjI2Nf5AbGnRwMHAzJBRsZWJ02MTAyaIEYm7mYGDkgLD4GMIvNaRfTAaA0J5DN7rSLwQHCZmZw2ajC2BEYscGhI2Ijc4rLRjUQbxdHAwMji0NHckgESEkkEGzmYWLk0drB+L91A0vvRiYGFwAMdiP0AAA=) format("woff")}body{background-color:#fff;color:#656565;font:1.1em/1.8em Open Sans,sans-serif;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}a{color:var(--theme_accent);outline:none;text-decoration:none;transition:color .3s ease-in-out}a:hover{color:#7793b3}p{margin:0 0 1.1em;padding:0}small{font-size:87%}blockquote{font-size:1.2em;line-height:1.4em;margin:0 0 1.2em;padding:.8em 2em 1em;position:relative}blockquote:before{content:"\201C";font-size:3.3em;margin-left:-.5em;margin-top:.2em;position:absolute}ins{text-decoration:none}ol,ul{margin:0 0 1.4em 1.6em}li,ol,ul{padding:0}li{margin:0 0 1em}ol ol,ol ul,ul ol,ul ul{margin-top:1em}h1,h2,h3,h4,h5,h6{color:#000;font-family:Playfair Display,serif;font-weight:900;line-height:1.3em;margin:0 0 .5em;overflow-wrap:normal}h1{font-size:4.2em;margin-bottom:.5em}h1,h2{font-style:italic}h2{font-size:2.5em}h3{font-size:2em;font-style:italic;font-weight:700}h4{font:600 1.3em/1.4em Poppins,sans-serif;letter-spacing:.04em;text-transform:uppercase}h5{font-size:1.5em}h6{font-size:1.2em}button,input,input[type=search],select,textarea{font-family:inherit;font-size:100%;max-width:100%}input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{-webkit-appearance:none;background-color:#fff;border:1px solid #ddd;border-radius:0;box-shadow:none;font-size:.95em;letter-spacing:.03em;margin:1em 0 .35em;max-width:100%;padding:.5em 1.2em;transition:all .3s ease-in-out}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url]{width:15em}input[type=number]{width:7em}select{padding:.5em 1.2em}textarea{min-height:225px;width:100%}input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus{border-color:#000;outline:none}button[type=submit],input[type=reset],input[type=submit]{-webkit-appearance:none;background-color:var(--theme_accent);border:0;border-radius:0;box-shadow:none;color:#fff;cursor:pointer;display:inline-block;font-family:Poppins,sans-serif;font-size:.85em;font-weight:700;letter-spacing:.14em;padding:1.05em 2.8em 1em 3em;text-transform:uppercase;transition:all .3s ease-in-out}button[type=submit]:hover,input[type=reset]:hover,input[type=submit]:hover{background-color:#f4dd3f;color:#7793b3}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#959595}input::-moz-placeholder,textarea::-moz-placeholder{color:#959595}#body,#content,#footer,#footerwrap,#header,#headerwrap,#layout,#main-nav,#pagewrap,#sidebar,.author-box,.col2-1,.col3-1,.col3-2,.col4-1,.col4-2,.col4-3,.pagewidth,.post,.post-nav,.widget,img,input,textarea{box-sizing:border-box}#pagewrap{overflow-x:clip}.mobile-menu-visible #pagewrap{overflow-x:initial}.pagewidth{margin:0 auto;max-width:100%;width:1160px}#body{clear:both;max-width:100%}#content{float:left;padding:6% 0;position:relative;width:71.5%}.sidebar-none #content{float:none;width:100%}#sidebar{float:right;font-size:.85em;line-height:1.7em;padding:6% 0;width:22.5%}#sidebar .secondary{width:47%}.full_width #layout{max-width:100%;width:100%}.full_width #content{max-width:100%;padding:0}.full_width #content,.full_width #sidebar{float:none;width:auto}.sidebar-left #content{float:right}.sidebar-left #sidebar{float:left}.col2-1,.col3-1,.col3-2,.col4-1,.col4-2,.col4-3{float:left;margin-left:3.2%}.col4-1{width:22.6%}.col2-1,.col4-2{width:48.4%}.col4-3{width:74.2%}.col3-1{width:31.2%}.col3-2{width:65.6%}.col.first,.col2-1.first,.col3-1.first,.col3-2.first,.col4-1.first,.col4-2.first,.col4-3.first{clear:left;margin-left:0}#headerwrap{background:linear-gradient(135deg,#1abbc5,#1abbc5 41%,#2dbc81 56%,#2dbc81);color:#fff;left:0;min-height:55px;position:relative;top:0;width:100%;z-index:99}#header{max-width:none;padding:1.2em 30px .85em;position:relative;transition:padding .5s ease-in-out;width:auto}.social-widget{margin:0 auto;max-width:350px;text-align:center}.social-widget a{color:inherit;display:inline-block;text-decoration:none}.social-widget .widget{background:0;border:0;border-radius:0;box-shadow:none;display:inline-block;margin:2em 2px 2em 0;padding:0;vertical-align:middle}.social-widget .widget div{display:inline}.social-widget .widgettitle{display:none}.social-widget ul{display:inline-block;margin:0!important;padding:0}.social-links.horizontal li{border:0!important;clear:none;color:inherit;display:inline-block;line-height:100%;margin:0;padding:0 2px 5px 0}.social-widget li img{margin-top:-3px;vertical-align:middle}.social-widget .social-links .icon-medium i,.social-widget div.rss a{display:inline-block;font-size:1.6em;padding:.75em .95em .5em 0}.social-widget div.rss{display:inline-block;margin-left:3px;vertical-align:middle}.social-widget div.rss a{display:inline-block}.social-widget .rss a:before{content:"\f09e";font-family:themify_theme_icon;font-style:normal;font-weight:400;text-decoration:inherit}#searchform-wrap{display:block;margin:0 auto;max-width:350px}#headerwrap #searchform{margin:0 0 3.4em;position:relative}#headerwrap #searchform #s{background-color:transparent;border:1px solid hsla(0,0%,100%,.5);color:#fff;font-size:1em;margin:0;padding:20px 45px 22px 29px;width:100%}#headerwrap #searchform #s::-webkit-input-placeholder{color:#fff}#headerwrap #searchform #s:focus,#headerwrap #searchform #s:hover,#headerwrap #searchform .icon-search:hover+#s{border-color:#fff}#headerwrap #searchform .icon-search:before{content:"\e803";font-family:themify_theme_icon;font-size:1.25em;font-style:normal;position:absolute;right:21px;top:48%;transform:translateY(-50%)}#main-nav{font-size:1.5em;font-weight:300;margin:2em auto;max-width:350px;padding:0}#main-nav li{display:block;list-style:none;margin:0;padding:0;position:relative}#main-nav li.menu-item-has-children>a{padding-right:1.5em}#main-nav a{border-bottom:1px solid hsla(0,0%,100%,.3);box-sizing:border-box;color:inherit;display:block;margin:0;padding:.715em 0;position:relative;text-decoration:none}#main-nav li a:hover,#main-nav>.current-menu-ancestor>a,#main-nav>.current-menu-item>a,#main-nav>.current_page_item>a{color:#f4dd3f}#main-nav ul{display:block;list-style:none;margin:0;padding:15px 0 0}body:not(.horizontal-menu) #main-nav ul{display:none}#main-nav ul li{background:0;float:none;margin:0;padding:0 0 0 1em}#main-nav ul li a{font-size:.85em}#main-nav ul ul{left:190px;top:-2px}#menu-icon,#menu-icon-close{display:none}#menu-icon{color:inherit;display:block;line-height:normal;position:absolute;right:30px;text-decoration:none;top:46px;transition:all .5s ease-in-out;transition-property:color,border;z-index:9999}.menu-icon-inner{box-sizing:border-box;display:inline-block;height:23px;position:relative;vertical-align:middle;width:36px}.menu-icon-inner:after,.menu-icon-inner:before{box-sizing:border-box;content:"";display:block;left:0;position:absolute;transition:all .7s ease;transition-property:transform;width:100%}.menu-icon-inner:before{border-bottom:2px solid;border-top:2px solid;height:100%;top:0}.menu-icon-inner:after{border-top:2px solid;top:50%;transform:translateY(-50%)}.mobile-menu-visible #menu-icon{z-index:111111}.mobile-menu-visible .menu-icon-inner:after,.mobile-menu-visible .menu-icon-inner:before{border-bottom:none;border-top:2px solid;height:auto;top:50%}.mobile-menu-visible .menu-icon-inner:before{transform:rotate(-45deg)}.mobile-menu-visible .menu-icon-inner:after{transform:rotate(45deg)}body:not(.horizontal-menu).mobile-menu-visible{height:100%;left:0;overflow:hidden!important;position:absolute;top:0;width:100%}body:not(.header-leftpane):not(.header-rightpane):not(.horizontal-menu).mobile-menu-visible #headerwrap{background:linear-gradient(135deg,rgba(26,187,197,.95),rgba(26,187,197,.95) 41%,rgba(45,188,129,.95) 56%,rgba(45,188,129,.95));height:100vh;min-height:300px;transition:height,background 1s ease-in-out}.body-overlay{background-color:hsla(0,0%,100%,.7);box-shadow:inset -1px 0 13px rgba(0,0,0,.13);display:none;height:100%;position:fixed;right:300px;top:0;width:100%;z-index:1000}.body-overlay.body-overlay-on{display:none}@media (hover:none){#main-nav .menu-item-has-children>a{padding-right:50px!important}#main-nav li .child-arrow{border-radius:100%;display:inline-block;margin-left:7px;margin-top:-17px;padding:0;right:5px;top:50%}#main-nav .toggle-on>a>.child-arrow{background:hsla(0,0%,84%,.4)}#main-nav li>.sub-menu{display:none}#main-nav li.toggle-on>.sub-menu{opacity:1;transform:scale(1);visibility:visible}}.menu-item-has-children .child-arrow{border-radius:100%;cursor:pointer;display:none;height:36px;position:absolute;right:0;top:4px;transition:transform .3s;width:36px;z-index:12}.overlay-menu .child-arrow{top:20px}body:not(.horizontal-menu) .child-arrow{display:inline}.child-arrow:after,.child-arrow:before{background:currentColor;border-radius:10px;content:"";height:1px;left:12px;position:absolute;top:50%;transform:rotate(45deg);transition:transform .3s ease-in-out;width:8px;z-index:9999}.child-arrow:after{left:17px;transform:rotate(-45deg)}.toggle-on>a .child-arrow:after,.toggle-on>a .child-arrow:before{left:10px;width:15px}.toggle-on>a .child-arrow{transform:rotate(180deg)}.sidemenu{overflow-y:scroll;padding:38px 30px 30px;-webkit-overflow-scrolling:touch;bottom:0;box-sizing:border-box;display:none;height:100%;left:0;position:fixed;width:100%;z-index:1111}#mobile-menu.sidemenu-on{display:block}.overlay-menu .sidemenu:not(.sidemenu-on){opacity:0}#headerwrap #main-nav,#headerwrap #searchform-wrap,#headerwrap .social-widget{transition:all .2s ease-in-out}.mobile-menu-visible #headerwrap #main-nav,.mobile-menu-visible #headerwrap #searchform-wrap{animation:fadeInDown .5s alternate;animation-timing-function:linear}.mobile-menu-visible #headerwrap .social-widget{animation:fadeInDown 1s alternate;animation-timing-function:linear}.horizontal-menu.transparent-header #headerwrap,.transparent-header #headerwrap{position:absolute}#headerwrap.fixed-header,.fixed-header-enabled #headerwrap.fixed-header{position:fixed}#headerwrap.fixed-header{background:linear-gradient(135deg,rgba(26,187,197,.95),rgba(26,187,197,.95) 41%,rgba(45,188,129,.95) 56%,rgba(45,188,129,.95));left:0;top:0;width:100%;z-index:1000}#headerwrap.fixed-header #header{padding-bottom:10px;padding-top:10px}#headerwrap.fixed-header #site-logo{font-size:2em}#headerwrap #fixedheaderheaderwrapsitelogoa,#headerwrap #fixedheaderheaderwrapsitelogoa~.tf_sticky_logo,#headerwrap .tf_sticky_logo,#headerwrap.fixed-header .tf_sticky_logo,#headerwrap.fixed-header .tf_sticky_logo+img,#headerwrap.fixed-header .tf_sticky_logo+span{display:none}#headerwrap.fixed-header #fixedheaderheaderwrapsitelogoa,#headerwrap.fixed-header .tf_sticky_logo{display:block}#headerwrap.fixed-header #site-logo img:not(.tf_sticky_logo){max-height:60px;width:auto}#headerwrap.fixed-header #menu-icon{top:26px}.transparent-header #headerwrap{background:0;color:#fff}.transparent-header:not(.themify_builder_active) #pagewrap{padding-top:0!important}.transparent-header #headerwrap.fixed-header,body:not(.header-leftpane):not(.header-rightpane):not(.horizontal-menu).transparent-header.mobile-menu-visible #headerwrap{background:linear-gradient(135deg,rgba(26,187,197,.95),rgba(26,187,197,.95) 41%,rgba(45,188,129,.95) 56%,rgba(45,188,129,.95))}.transparent-header #headerwrap.fixed-header{color:#fff}.themify_builder_active #headerwrap,.themify_builder_active.has-fixed-header #headerwrap,.transparent-header.themify_builder_active #headerwrap{color:inherit;position:static!important}.transparent-header.themify_builder_active #headerwrap a{color:inherit}.admin-bar #headerwrap{top:0}.admin-bar #headerwrap.fixed-header,.admin-bar.horizontal-menu.transparent-header #headerwrap,.admin-bar.transparent-header #headerwrap{top:32px}.horizontal-menu .body-overlay.body-overlay-on{display:block}.mobile-menu-visible.horizontal-menu #headerwrap{height:auto;min-height:inherit}.horizontal-menu #header{padding:36px 30px 23px}.horizontal-menu .sidemenu{display:block;overflow:visible;padding:0;position:static;width:auto}.horizontal-menu #site-logo{float:left;line-height:1em}.horizontal-menu #main-nav,.horizontal-menu #searchform-wrap,.horizontal-menu .social-widget{float:left;margin:auto;max-width:none}.horizontal-menu #headerwrap #searchform-wrap{position:relative}.horizontal-menu #headerwrap #searchform{margin:0;position:absolute;z-index:9999}.horizontal-menu #headerwrap #searchform #s{border-color:transparent transparent transparent hsla(0,0%,100%,.5);padding:.4em 35px .4em .5em;transition:width .3s ease-in-out;width:40px}.horizontal-menu #headerwrap #searchform .icon-search:before{font-size:1em;right:10px;top:20px;z-index:1}.horizontal-menu #headerwrap #searchform #s:focus,.horizontal-menu #headerwrap #searchform .icon-search:hover+#s,.horizontal-menu #headerwrap #searchform:focus #s,.horizontal-menu #headerwrap #searchform:hover #s{background-color:#fff;color:#000;width:140px}.horizontal-menu #headerwrap #searchform:hover .icon-search:before{color:#000}.horizontal-menu .social-widget{height:auto}.horizontal-menu .social-widget .widget{height:auto;margin:auto auto auto 1.65em}.horizontal-menu .social-links .icon-medium i,.horizontal-menu .social-widget div.rss a{font-size:1.1em;padding:.2em .45em}.horizontal-menu #main-nav{float:right;font-family:Poppins,sans-serif;font-size:1em;font-weight:600;margin:auto;max-width:65%}.horizontal-menu #main-nav li{display:inline-block;float:left;margin:0 .13em}.horizontal-menu #main-nav>li>a{border:0;letter-spacing:-.015em;margin-bottom:5px;padding:.15em .525em;text-transform:uppercase}.horizontal-menu #main-nav li ul{background-color:#fff;border:1px solid #ddd;box-sizing:border-box;color:#000;font-weight:400;left:50%;margin:20px 0 0 -100px;opacity:0;padding:0;position:absolute;text-align:center;top:100%;transition:all .1s linear;visibility:hidden;z-index:9999}.horizontal-menu #main-nav li ul ul{left:100%;margin-left:20px;margin-top:0;text-align:left;top:0}@media (hover:hover){.horizontal-menu #main-nav li:hover>ul{margin-top:0;opacity:1;visibility:visible}.horizontal-menu #main-nav li li:hover>ul{margin-left:0}}.horizontal-menu #main-nav li ul li{display:block;padding:0}.horizontal-menu #main-nav li ul li a{border-bottom:1px solid #ddd;display:block;font-size:.9em;line-height:1.5em;padding-left:1.05em;padding-right:1.05em;width:200px}.horizontal-menu #main-nav li ul li:last-child>a{border-bottom:none}.horizontal-menu #main-nav li li:hover>a{color:#7793b3}.horizontal-menu #main-nav ul:before{border:solid transparent;border-bottom-color:#fff;border-width:12px;bottom:100%;content:" ";height:0;left:50%;margin-left:-12px;pointer-events:none;position:absolute;width:0}.horizontal-menu #main-nav ul ul:before{border:solid transparent;border-right-color:#ddd;border-width:11px;content:" ";height:0;left:-10px;margin-top:-11px;pointer-events:none;position:absolute;top:24px;width:0}.horizontal-menu #main-nav ul li{background:0;display:block;float:none}.horizontal-menu #main-nav .edge>ul{left:auto;right:0}.horizontal-menu #main-nav ul .edge>ul{left:auto;right:100%}.horizontal-menu #main-nav ul .edge>ul:before{left:auto;right:-22px;transform:rotateY(180deg)}.horizontal-menu #menu-icon{display:none}.load-more{clear:both;padding:50px 0;text-align:center}.loader-wait .load-more-button:before{animation:fa-spin 2s linear infinite;content:"\f110";font-family:themify_theme_icon;position:absolute;right:14px;top:14px;z-index:2}.load-more .load-more-button{background:#56dcb1 linear-gradient(135deg,rgba(26,187,197,.95),rgba(26,187,197,.95) 41%,rgba(45,188,129,.95) 56%,rgba(45,188,129,.95));color:#fff;display:none;font:300 1.2em/100% Poppins,sans-serif;padding:.8em 1.5em;position:relative;text-decoration:none;transition:all .5s;width:auto}.loader-wait .load-more-button{padding-right:2em}.full_width .load-more{margin-left:auto;margin-right:auto;width:88%}.header-leftpane .body-overlay{right:300px;transition:right .3s linear}.header-leftpane .body-overlay.body-overlay-on{display:block;right:-300px}.header-leftpane{font-size:1em;margin-left:90px;margin-right:20px}.header-leftpane.full_width{margin-left:70px;margin-right:auto}.header-leftpane #pagewrap{padding-top:0!important}.header-leftpane #headerwrap{float:left;height:100%;opacity:1;overflow-y:hidden;width:300px;-webkit-overflow-scrolling:touch;padding-right:77px;position:fixed!important}.header-leftpane #header{padding:0}.header-leftpane .logo-desc-wrap{bottom:25px;min-height:65px;position:fixed;transform:rotate(-90deg);transform-origin:bottom left;width:100%}.header-leftpane #site-description{position:static;transform:translateX(10%)}.header-leftpane #site-logo:hover+#site-description{opacity:1;transform:none}.header-leftpane .sidemenu{display:block;overflow-y:auto;position:static;-webkit-overflow-scrolling:touch;padding-top:70px;text-align:left}.header-leftpane #menu-icon{display:block;position:fixed;right:auto;top:26px}.header-leftpane #main-nav{font-size:1.2em;margin:0 0 1em;max-width:inherit}.header-leftpane #main-nav a{padding:.4em 0}.header-leftpane #main-nav ul{padding:0}.header-leftpane .social-widget{font-size:1em;margin:0;max-width:inherit;text-align:left}.header-leftpane .social-widget .widget{margin:0 0 1em}.header-leftpane .social-widget div.rss{margin-bottom:.5em}.header-leftpane .social-links .icon-medium i,.header-leftpane .social-widget div.rss a{padding:5px;width:auto}.header-leftpane .widget .social-links i:first-child{padding-left:0}.header-leftpane #headerwrap #searchform #s{padding:.75em 3em .75em .75em}.header-leftpane #headerwrap #searchform{margin:0 0 1em}.header-leftpane #footer{width:auto}.header-leftpane{position:relative;right:0;transition:right .3s ease-in-out}.mobile-menu-visible.header-leftpane{right:-300px}.header-leftpane #headerwrap{left:-230px;transition:all .3s ease-in-out}.mobile-menu-visible.header-leftpane #headerwrap{left:0;overflow-y:auto;padding-right:0}.header-leftpane .logo-desc-wrap{left:70px;transition:all .3s ease-in-out}.mobile-menu-visible.header-leftpane .logo-desc-wrap{left:300px;opacity:0;transform:rotate(-90deg) translateY(100%);visibility:hidden}.header-leftpane #menu-icon{left:15px;transition:left .3s ease-in-out}.mobile-menu-visible.header-leftpane #menu-icon{left:240px}.header-rightpane .body-overlay{right:-300px;transition:right .3s linear}.header-rightpane .body-overlay.body-overlay-on{display:block;right:300px}.header-rightpane{font-size:1em;margin-left:20px;margin-right:90px}.header-rightpane.full_width{margin-left:auto;margin-right:70px}.header-rightpane #pagewrap{padding-top:0!important}.header-rightpane #headerwrap{float:left;height:100%;opacity:1;overflow-y:hidden;width:300px;-webkit-overflow-scrolling:touch;left:auto;padding-left:77px;position:fixed!important}.header-rightpane #header{padding:initial}.header-rightpane .logo-desc-wrap{bottom:25px;min-height:40px;position:fixed;transform:rotate(-90deg) translateX(100%);transform-origin:bottom right;width:100%}.header-rightpane #site-logo{line-height:1em}.header-rightpane #site-description{position:static;transform:translateX(10%)}.header-rightpane #site-logo:hover+#site-description{opacity:1;transform:none}.header-rightpane .sidemenu{display:block;overflow-y:auto;position:static;-webkit-overflow-scrolling:touch;padding-top:70px;text-align:left}.header-rightpane #menu-icon{display:block;position:fixed;right:auto;top:26px}.header-rightpane #main-nav{font-size:1.2em;margin:0 0 1em;max-width:inherit}.header-rightpane #main-nav a{padding:.4em 0}.header-rightpane #main-nav ul{padding:0}.header-rightpane .social-widget{font-size:1em;margin:0;max-width:inherit;text-align:left}.header-rightpane .social-widget .widget{margin:0 0 1em}.header-rightpane .social-links .icon-medium i,.header-rightpane .social-widget div.rss a{padding:5px;width:auto}.header-rightpane .social-widget div.rss{margin-bottom:.5em}.header-rightpane .widget .social-links i:first-child{padding-left:0}.header-rightpane #headerwrap #searchform #s{padding:.75em 3em .75em .75em}.header-rightpane #headerwrap #searchform{margin:0 0 1em}.header-rightpane #footer{width:auto}.header-rightpane{left:0;position:relative;transition:left .3s ease-in-out}.mobile-menu-visible.header-rightpane{left:-300px}.header-rightpane #headerwrap{right:-230px;transition:all .3s ease-in-out}.mobile-menu-visible.header-rightpane #headerwrap{overflow-y:auto;padding-left:0;right:0}.header-rightpane .logo-desc-wrap{right:10px;transition:all .3s ease-in-out}.mobile-menu-visible.header-rightpane .logo-desc-wrap{opacity:0;right:240px;transform:rotate(-90deg) translate(100%,-100%);visibility:hidden}.header-rightpane #menu-icon{right:15px;transition:right .3s ease-in-out}.mobile-menu-visible.header-rightpane #menu-icon{right:240px}.page-title{font-family:Playfair Display,serif;font-size:6em;font-style:italic;line-height:110%;margin:0 0 .365em;padding:0}.author-bio{margin:0 0 2em;overflow:hidden;-webkit-overflow-scrolling:touch}.author-bio .author-avatar{float:left;margin:0 15px 0 0}.author-bio .author-avatar img{background-color:#fff;border-radius:100%}.author-bio .author-name{font-family:Poppins,sans-serif;font-size:.95em;font-weight:500;letter-spacing:.02em;margin:0 0 .85em;padding:0}.author-posts-by{border-color:#ccc hsla(0,0%,46%,.3) hsla(0,0%,46%,.3);border-top:4px solid hsla(0,0%,46%,.3);font-size:1.4em;margin:0 0 1.5em;padding:1em 0 0;text-transform:uppercase}.loops-wrapper.grid4 .post{float:left;margin-bottom:2.5em;margin-left:3.2%;width:22.6%}.loops-wrapper.grid3 .post{float:left;margin-bottom:3.1em;margin-left:3.2%;width:31.2%}.loops-wrapper.grid2 .post{float:left;margin-bottom:3.7em;margin-left:3.2%;width:48.4%}.loops-wrapper.grid2-thumb .post-title{font-size:1.8em}.loops-wrapper.grid2 .post:nth-of-type(odd),.loops-wrapper.grid2-thumb .post:nth-of-type(odd),.loops-wrapper.grid3 .post:nth-of-type(3n+1),.loops-wrapper.grid4 .post:nth-of-type(4n+1){clear:left;margin-left:0}.post{margin-bottom:3.15em}.post-content{min-width:120px;position:relative}.post-title{font-family:Playfair Display,serif;font-size:3.4em;font-style:italic;font-weight:700;line-height:1.1em;margin:0 0 .5em;padding:0}.post-title a{color:#000;text-decoration:none}.post-title a:hover{color:#7793b3}.post-image{margin:0;overflow:hidden;position:relative}.loops-wrapper .post-image img,.single-post .post-image img{-webkit-clip-path:polygon(0 16%,100% 0,100% 84%,0 100%);clip-path:polygon(0 16%,100% 0,100% 84%,0 100%);vertical-align:bottom}.loops-wrapper.zig-zag .post:nth-of-type(2n) .post-image img{-webkit-clip-path:polygon(0 0,100% 16%,100% 100%,0 84%);clip-path:polygon(0 0,100% 16%,100% 100%,0 84%)}.loops-wrapper.portfolio .post-image img{clip-path:none;-webkit-clip-path:none}.list-post .post-image img,.single-post .post-image img{width:100%}.post-image.left{float:left;margin-right:1em}.post-image.right{float:right;margin-left:1em}.post-meta{margin:0 0 1em;padding:0;position:relative;text-align:right}.post-date{background:linear-gradient(138deg,#1abbc5,#2dbc81);border-radius:100%;box-sizing:border-box;color:#fff;display:inline-block;float:left;height:115px;margin:0;opacity:.8;padding:7px 0;text-align:center;width:115px}.post-date span{display:block;line-height:normal}.post-date .day{font-family:Playfair Display,serif;font-size:1.9em;font-weight:700}.post-date .month{text-transform:uppercase}.post-date .month,.post-date .year{font-size:.9em;font-weight:700}.has-post-thumbnail .post-date{left:0;margin-left:45px;margin-top:-43px;position:absolute;top:0}.post-author{font-family:Playfair Display,serif;font-size:1.2em;font-style:italic;vertical-align:middle}.post-author a{color:inherit}.post-tag{display:block;font-size:.65em;text-transform:uppercase}.post-tag a{color:inherit;opacity:.7}.post-tag a:hover{opacity:.9}.post-cattag-wrapper{display:inline-block;line-height:1.4em;padding:.4em 0 .4em 1.2em;position:relative;vertical-align:middle}.post-cattag-wrapper:before{border-left:1px solid rgba(0,0,0,.15);content:"";display:block;height:100%;left:0;margin:0 .65em 0 .5em;position:absolute;top:0;transform:skewX(-15deg);vertical-align:text-top;width:0}.post-comment{display:inline-block;font-size:1.25em;font-weight:700;margin-left:.8em;text-align:center;vertical-align:middle}.post-comment a{border:1px solid #ddd;border-radius:100%;height:59px;line-height:59px;vertical-align:top;white-space:nowrap;width:59px}.more-link,.post-comment a{display:inline-block;position:relative;transition:all .3s ease-in-out}.more-link{font-size:.825em;font-weight:600;padding:.1em 0 .1em 1.5em;text-decoration:none;text-transform:uppercase}.more-link:before{border-left:1px solid rgba(0,0,0,.15);content:"";display:block;height:100%;left:0;margin:0 .65em 0 .5em;position:absolute;top:0;transform:skewX(-15deg);vertical-align:text-top;width:0}.loops-wrapper.list-post .post-title{margin-bottom:.7em}.loops-wrapper.list-post .has-post-thumbnail .post-meta,.single-post .has-post-thumbnail .post-meta{margin:-7% 0 9%}.sidebar1 .loops-wrapper.list-post .has-post-thumbnail .post-meta,.sidebar1.single-post .has-post-thumbnail .post-meta{margin-top:-5%}.has-post-thumbnail .post-date{margin-top:0}.loops-wrapper.list-post.masonry>.post{margin-left:0;width:100%}.loops-wrapper.grid4 .post-title{font-size:1.7em}.loops-wrapper.grid4 .entry-content{font-size:.9em;line-height:1.7em}.loops-wrapper.grid4 .post-image img{width:100%}.loops-wrapper.grid4 .post-meta .post-author,.loops-wrapper.grid4 .post-meta .post-cattag-wrapper{font-size:.8em}.loops-wrapper.grid4 .post-date{font-size:.55em;height:58px;padding-top:0;width:58px}.loops-wrapper.grid4 .has-post-thumbnail .post-date{margin-left:10px;margin-top:-38px}.loops-wrapper.grid4 .has-post-thumbnail .post-comment{bottom:100%;margin:0 11px 8px 0;position:absolute;right:0}.loops-wrapper.grid4 .post-comment a{background-color:#fff;height:45px;line-height:40px;margin:0;width:45px}.loops-wrapper.grid2 .social-share-wrap,.loops-wrapper.grid3 .social-share-wrap,.loops-wrapper.grid4 .social-share-wrap{font-size:.6em}.loops-wrapper.grid2 .social-share .sharrre .share:before,.loops-wrapper.grid3 .social-share .sharrre .share:before,.loops-wrapper.grid4 .post-comment a,.loops-wrapper.grid4 .social-share .sharrre .share:before{height:35px;line-height:35px;width:35px}.loops-wrapper.grid4 .post-comment a{font-size:.8em}.loops-wrapper.grid3 .post-title{font-size:2.4em}.loops-wrapper.grid3 .post-image img{width:100%}.loops-wrapper.grid3 .post-meta .post-author,.loops-wrapper.grid3 .post-meta .post-cattag-wrapper{font-size:.8em}.loops-wrapper.grid3 .post-date{font-size:.55em;height:58px;padding-top:0;width:58px}.loops-wrapper.grid3 .has-post-thumbnail .post-date{margin-left:10px;margin-top:-38px}.loops-wrapper.grid3 .has-post-thumbnail .post-comment{bottom:100%;margin:0 11px 8px 0;position:absolute;right:0}.loops-wrapper.grid3 .post-comment a{background-color:#fff;height:45px;line-height:40px;margin:0;width:45px}.loops-wrapper.grid2 .post-title{font-size:2.6em}.loops-wrapper.grid2 .post-image img{width:100%}.loops-wrapper.grid2 .post-date{font-size:.55em;height:58px;padding-top:0;width:58px}.loops-wrapper.grid2 .has-post-thumbnail .post-date{margin-left:10px;margin-top:-38px}.loops-wrapper.grid2 .has-post-thumbnail .post-comment{bottom:100%;margin:0 11px 8px 0;position:absolute;right:0}.loops-wrapper.grid2 .post-comment a{background-color:#fff;height:45px;line-height:40px;margin:0;width:45px}.loops-wrapper.grid2-thumb .post{float:left;margin-left:3.2%;width:48.4%}.loops-wrapper.grid2-thumb .post-title{font-size:2.6em}.loops-wrapper.grid2-thumb .post-image{float:left;margin:0 1.6em 1.3em 0;width:20%}.loops-wrapper.grid2-thumb .post-content{min-width:120px;overflow:hidden}.loops-wrapper.list-thumb-image .post{clear:both}.loops-wrapper.list-thumb-image .post-image{float:left;margin:0 1.4em 1em 0;width:20%}.loops-wrapper.list-thumb-image .post-image img{width:100%}.loops-wrapper.list-thumb-image .post-content{overflow:hidden}.loops-wrapper.list-thumb-image .post-video{float:left;margin:0 1.4em 1em 0;padding-bottom:12.25%;width:20%}.loops-wrapper.list-thumb-image .post-video .post-video{display:block;float:none;margin:0;padding:0;position:static;width:100%}.loops-wrapper.list-large-image .post-image{float:left;margin:0 2em 1.3em 0;max-width:70%}.loops-wrapper.slider{margin:0 0 50px;position:relative}.loops-wrapper .slideshow-wrap{height:auto;visibility:visible}.loops-wrapper.slider .post{float:left;margin:0 0 15px;min-height:40px;position:relative;text-align:left;width:100%}.loops-wrapper.slider .post-image{float:none;margin:0;width:auto}.loops-wrapper.slider .post-image img{vertical-align:bottom;width:100%}.loops-wrapper.slider .post-image .lightbox .zoom{display:none}.loops-wrapper.slider .post-title{font-size:1.8em;line-height:1.2em;margin:0 0 .313em}.loops-wrapper.slider .post-date{margin:0}.loops-wrapper.slider .post-content{background-color:rgba(0,0,0,.6);bottom:0;color:#eee;font-size:.9em;line-height:1.5em;margin:0 auto;min-height:40px;overflow:visible;padding:15px 5%;position:absolute;width:90%}.loops-wrapper.slider .post-content a{color:#fff!important}.shortcode.post-slider .carousel-next,.shortcode.post-slider .carousel-prev,.shortcode.slider .carousel-next,.shortcode.slider .carousel-prev{background-image:none;border:0;border-radius:0;box-shadow:none;margin:0;text-shadow:none}.loops-wrapper.slider .carousel-wrap{position:relative}.loops-wrapper.slider .carousel-nav-wrap{width:100%!important}.loops-wrapper.slider .carousel-nav-wrap .carousel-next,.loops-wrapper.slider .carousel-nav-wrap .carousel-prev{background-color:rgba(0,0,0,.3);color:#fff;display:block;float:left;font-size:0;height:auto!important;padding:5% 2.5%;position:absolute;text-decoration:none;text-indent:-900em;top:30%;transition:all .2s ease-in-out;width:auto!important}.loops-wrapper.slider .carousel-nav-wrap .carousel-prev{border-bottom-right-radius:6px;border-top-right-radius:6px;left:0}.loops-wrapper.slider .carousel-nav-wrap .carousel-next{border-bottom-left-radius:6px;border-top-left-radius:6px;right:0}.loops-wrapper.slider .carousel-nav-wrap .carousel-next:hover,.loops-wrapper.slider .carousel-nav-wrap .carousel-prev:hover{background-color:rgba(0,0,0,.5);color:#fff}.loops-wrapper.slider .carousel-nav-wrap .carousel-prev:hover{padding-left:4%}.loops-wrapper.slider .carousel-nav-wrap .carousel-next:hover{padding-right:4%}.loops-wrapper.slider .carousel-nav-wrap .carousel-next:before,.loops-wrapper.slider .carousel-nav-wrap .carousel-prev:before{content:"\e804";display:block;font-family:themify_theme_icon;font-size:18px;font-style:normal;font-weight:400;left:0;line-height:100%;position:absolute;text-align:center;text-decoration:none;top:45%;width:100%}.loops-wrapper.slider .carousel-nav-wrap .carousel-next:before{content:"\e805"}.loops-wrapper.slider .carousel-pager{clear:both;line-height:100%;text-align:center;width:auto}.loops-wrapper.slider .carousel-pager a{background-color:rgba(0,0,0,.2);border:2px solid #666;border-radius:100%;cursor:pointer;display:inline-block;height:8px;margin:2px 3px 0;text-indent:-900em;vertical-align:middle;width:8px}.loops-wrapper.slider .carousel-pager a.selected{background-color:#fff;border-color:#ccc}.loops-wrapper.no-gutter.grid4{margin:0 0 3em}.loops-wrapper.no-gutter.grid4 .post{margin:0;width:25%}.loops-wrapper.no-gutter.grid3 .post{margin:0;width:33.33%}.loops-wrapper.no-gutter.grid2 .post{margin:0;width:50%}.loops-wrapper.no-gutter.list-post .post{padding:0;width:100%}.loops-wrapper.slider.no-gutter .post{margin-left:0;margin-right:0}.loops-wrapper.no-gutter .post-image img{width:100%}.loops-wrapper.no-gutter .post-content{padding-left:9%;padding-right:9%}.loops-wrapper.zig-zag .post-title{font-size:3.5em}.loops-wrapper.zig-zag .post .post-image-wrap{box-sizing:border-box;float:left;position:relative;width:60%}.loops-wrapper.zig-zag .post .post-content{box-sizing:border-box;float:right;width:36%}.loops-wrapper.zig-zag .post:not(.has-post-thumbnail) .post-content{padding:initial;width:100%}.loops-wrapper.zig-zag .post:nth-of-type(2n) .post-image-wrap{float:right}.loops-wrapper.zig-zag .post:nth-of-type(2n) .post-content{float:left}.loops-wrapper.zig-zag .has-post-thumbnail .post-meta{margin:-2.6em 0 0;padding:initial}.loops-wrapper.zig-zag .post-date{margin-top:-10px;position:static}.loops-wrapper.zig-zag .post-comment{margin-right:0;position:static}.loops-wrapper.zig-zag .has-post-thumbnail.post:nth-of-type(2n) .post-meta{direction:rtl;text-align:left}.loops-wrapper.zig-zag .has-post-thumbnail.post:nth-of-type(2n) .post-date{float:right;margin-left:0;margin-right:45px}.loops-wrapper.zig-zag .has-post-thumbnail.post:nth-of-type(2n) .post-meta .post-comment{margin-left:.3em;margin-right:.3em}.loops-wrapper.zig-zag .has-post-thumbnail.post:nth-of-type(2n) .post-meta .post-cattag-wrapper{padding-left:0;padding-right:1.2em}.loops-wrapper.zig-zag .has-post-thumbnail.post:nth-of-type(2n) .post-meta .post-cattag-wrapper:before{left:auto;right:0}.portfolio-filter-wrap{background-color:#2c3f55;color:var(--theme_accent);height:100%;position:relative;width:100%}.portfolio-filter-wrap:not(.post-filter):before{border-left:1px solid #eef0f2;content:"";display:block;height:100%;left:50%;position:absolute;transform:skew(-45deg);width:1px}.portfolio-filter-wrap.post-filter{float:left;font-family:Poppins,sans-serif;font-size:.9em;font-weight:600;height:auto;left:0;line-height:normal;margin:0;padding:22px 0 0 26px;position:absolute;width:auto;z-index:10}.post-filter li{display:block;line-height:1.9em;margin:0;padding-left:24px;position:relative}.post-filter li a{color:inherit;letter-spacing:.09em;text-decoration:none;text-transform:uppercase}.post-filter li a:before{color:var(--theme_accent);content:"\e802";font-family:themify_theme_icon;font-size:1.2em;left:0;opacity:0;position:absolute;top:-2px;transform:translateX(-100%);transition:all .3s ease-in-out}.post-filter li:hover>a:before{opacity:1;transform:translateX(0)}.post-filter li.active a:before{content:"\e807";opacity:1;transform:translateX(0) rotate(90deg)}.post-filter-title{bottom:5%;color:#fefefe;font-family:Playfair Display,serif;font-size:2em;font-style:italic;font-weight:700;line-height:1.1em;position:absolute;right:5%;width:55%}.portfolio .post-image:after,.portfolio .post-image:before{display:none}.loops-wrapper.portfolio .post{float:left;font-size:.75em;margin:0;overflow:hidden;position:relative}.loops-wrapper.portfolio.grid4 .post{width:25%}.loops-wrapper.portfolio.grid3 .post{width:33.33%}.loops-wrapper.portfolio.grid5 .post{font-size:.6em;width:20%}.loops-wrapper.portfolio .post-image img{width:100%}.loops-wrapper.portfolio .post>.post-image{transition:all .3s ease-in-out}.loops-wrapper.portfolio .post:hover>.post-image{transform:scale(1.1)}.loops-wrapper.portfolio .post-image+.post-content{background-color:rgba(44,63,85,.8);color:#fbfcfc;inset:0;opacity:0;overflow:hidden;padding:17px;position:absolute;text-align:center;transition:all .3s ease-in-out}.loops-wrapper.portfolio .post:hover>.post-image+.post-content{opacity:1}.portfolio .post-content-inner-wrapper{border:1px solid transparent;box-sizing:border-box;display:table;height:100%;overflow:hidden;transform:scale(1.5);transition:all .3s ease-in-out;width:100%}.portfolio .post-content-inner{display:table-cell;vertical-align:middle}.portfolio-post:hover .post-content-inner-wrapper{border-color:#7793b3;transform:scale(1)}.loops-wrapper.portfolio .has-post-thumbnail .post-title{color:inherit;font-size:2.1em;letter-spacing:normal}.loops-wrapper.portfolio .has-post-thumbnail .post-title a{color:inherit}.loops-wrapper.portfolio .post-meta{font-family:Poppins,sans-serif;font-weight:600;margin:0 0 .5em;text-align:center;text-transform:uppercase}.loops-wrapper.portfolio .has-post-thumbnail .post-meta{margin:0 0 .5em}.loops-wrapper.portfolio .edit-button,.loops-wrapper.portfolio .entry-content,.loops-wrapper.portfolio .post-meta,.loops-wrapper.portfolio .post-title{position:relative;z-index:12}.loops-wrapper.portfolio .post-meta .post-category{letter-spacing:.07em}.loops-wrapper.portfolio .entry-content{display:block;font-size:.85em;line-height:normal;margin-left:auto;margin-right:auto;margin-top:.5em;max-width:76%}.loops-wrapper.portfolio .more-link{font-size:.825em;padding:.5em 1.6em}.portfolio .post-cattag-wrapper:before{display:none}.loops-wrapper.portfolio .more-link:hover,.loops-wrapper.portfolio .post-meta .post-category a:hover{color:#f4dd3f}.loops-wrapper.portfolio.grid4 .post.size-large{font-size:1em;width:50%}.loops-wrapper.portfolio.grid3 .post.size-large{width:66.66%}.loops-wrapper.portfolio.grid5 .post.size-large{width:40%}.loops-wrapper.portfolio .post.size-small .entry-content{font-size:1.1em}.loops-wrapper.portfolio .post.size-small .post-meta{margin-bottom:.3em;margin-top:auto}.author-box{border:0;margin:15px 0}.author-box .author-avatar{float:left;margin:0 30px 5px 0}.author-box .author-avatar img{border-radius:100%}.author-box .author-name{margin:0 0 .85em}.post-pagination{margin:.5em 0 2em;text-align:right}.post-pagination strong{margin-right:3px}.post-pagination a{margin-left:3px;margin-right:3px}.post-nav{clear:both;color:#fff;font-family:Playfair Display,serif;font-size:1.6em;font-weight:900;margin:0 0 1.75em;overflow:hidden;padding:0;position:relative}.post-nav .next,.post-nav .prev{background-position:50%;background-size:cover;box-sizing:border-box;overflow:hidden;padding:3em 41px;position:relative;transition:all .3s ease-in-out;width:50%;z-index:1}.post-nav .prev{float:left;padding-left:78px}.post-nav .next{float:right;padding-right:78px;text-align:right}.post-nav .next:before,.post-nav .prev:before{background-color:#000;content:"";display:block;height:100%;left:0;opacity:.25;position:absolute;top:0;width:100%;z-index:-1}.post-nav .next:hover,.post-nav .prev:hover{transform:scale(1.1)}.post-nav a{color:inherit;display:inline-block;letter-spacing:.015em;line-height:normal;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;width:100%}.post-nav span:hover>a{color:#f4dd3f}.post-nav .next .arrow{float:right}.post-nav .next .arrow:before,.post-nav .prev .arrow:before{font-family:themify_theme_icon;font-size:1.9em;font-style:normal;font-weight:400;position:absolute;text-decoration:none;top:50%;transform:translateY(-50%)}.post-nav .next .arrow:before{content:"\e809";right:6%}.post-nav .prev .arrow:before{content:"\e808";left:6%}.post-nav .next:hover .arrow:before{animation:next-arrow 1s infinite;animation-timing-function:linear}.post-nav .prev:hover .arrow:before{animation:prev-arrow 1s infinite;animation-timing-function:linear}.commentwrap{clear:both;margin:2.25em 0 1.25em;position:relative}.comment-reply-title,.comment-title{color:#6faf24;font-family:Poppins,sans-serif;font-size:1.4em;font-style:normal;font-weight:600;letter-spacing:.07em;margin:0 0 .625em;padding:0;text-transform:uppercase}.commentwrap .pagenav{border:0;box-shadow:none;margin:10px 0}.commentwrap .pagenav.top{margin:0;position:absolute;right:0;top:0}.commentwrap .pagenav.bottom,.commentwrap .pagenav.top{background-color:transparent;color:inherit;padding:inherit}.commentlist{margin:3.25em 0 30px;padding:5px 0 0}.commentlist li{list-style:none;margin:0;padding:3.45em 0 .8em;position:relative}.commentlist>li:first-child{padding-top:0}.commentlist>li:first-child:before{display:none}.commentlist li:before{border-bottom:1px solid #ddd;content:"";display:block;position:absolute;top:0;transform:rotate(-3.5deg);transform-origin:bottom;width:100%}.commentlist li:nth-child(2n):before{transform:rotate(3.5deg)}.commentlist .comment-author{margin:2px 0 5px;padding:0}.commentlist .comment-author br{display:none}.commentlist .avatar{border-radius:100%;float:left;height:95px;margin:5px 42px 0 0;width:95px}.commentlist cite{display:block;font-family:Open Sans,sans-serif;font-size:1.2em;font-style:normal;font-weight:400;letter-spacing:.01em;margin:0 0 .25em}.commentlist cite a{text-decoration:none}.commentlist cite .tf_fa{margin-right:10px}.commentlist .bypostauthor>.comment-author cite:before{content:"\e80a";font-family:themify_theme_icon;font-style:normal;font-weight:400;margin-right:12px;text-decoration:none}.commentlist .comment-time{font-family:Poppins,sans-serif;font-size:.8em;letter-spacing:-.015em}.commentlist .commententry{clear:right;min-height:75px;overflow:hidden;overflow-wrap:break-word;position:relative}.commentlist ol,.commentlist ul{margin:0 0 0 7%;padding:0}.commentlist .reply{position:absolute;right:0;top:2.65%}.commentlist li:nth-child(2n) .reply{top:50px}.commentlist .comment-reply-link{display:inline-block;font-family:Poppins,sans-serif;font-size:1.0275em;font-weight:600;letter-spacing:.03em;line-height:1em;text-transform:uppercase}.commentlist .comment-reply-link:before{border-left:1px solid #e7e7e7;content:"";display:inline-block;height:1.5em;margin-right:.8em;transform:skewX(41deg);vertical-align:top}.commentlist .comment-reply-link:hover{text-decoration:none}.commentlist>li:first-child .reply{top:0}.commentlist li #respond{padding-bottom:4%}#respond{clear:both;margin:0;padding:10px 0 0;position:relative}#respond #cancel-comment-reply-link{display:block;font-size:1em;line-height:100%;position:absolute;right:0;text-decoration:none;text-transform:uppercase;top:12px}#respond #cancel-comment-reply-link:hover{color:#fb4e55}#respond #cancel-comment-reply-link:after,#respond #cancel-comment-reply-link:before{border-top:1px solid;content:"";display:inline-block;left:-25px;position:absolute;top:7px;transition:all .3s ease-in-out;width:1.2em}#respond #cancel-comment-reply-link:before,#respond #cancel-comment-reply-link:hover:after{transform:rotate(45deg)}#respond #cancel-comment-reply-link:after{transform:rotate(-45deg)}#respond #cancel-comment-reply-link:hover:before{transform:rotate(135deg)}#commentform{margin:.9em 0 0}#commentform input[type=text]{margin-right:5px}#commentform label{font-weight:700}#commentform label small{font-weight:400}#commentform p{clear:both;margin:0 0 1em}#commentform .comment-form-author,#commentform .comment-form-email{box-sizing:border-box;clear:none;float:left;width:50%}#commentform .comment-form-email{padding-left:2%}#commentform input[type=email],#commentform input[type=text],#commentform input[type=url]{max-width:none;width:100%}.embed-youtube,.post-video{height:0;margin-bottom:15px;overflow:hidden;padding-bottom:56.25%;position:relative}.embed-youtube embed,.embed-youtube iframe,.embed-youtube object,.post-video embed,.post-video iframe,.post-video object{height:100%;left:0;position:absolute;top:0;width:100%}.loops-wrapper.portfolio .gutter-sizer,.loops-wrapper.portfolio.masonry-layout .portfolio-post.size-small{width:25%}.loops-wrapper.portfolio.masonry-layout .portfolio-post.size-small .post-title{font-size:1.6em}.loops-wrapper.portfolio.masonry-layout .image-left .post-content,.loops-wrapper.portfolio.masonry-layout .image-right .post-image{float:right}.loops-wrapper.portfolio.masonry-layout .image-left .post-image,.loops-wrapper.portfolio.masonry-layout .image-right .post-content{float:left}.single-portfolio #content,.single-portfolio #sidebar{padding-top:4%}.single-portfolio .featured-area,.single-portfolio .post{position:relative}.single-portfolio .post-image{margin:0}.single-portfolio .post-image:after,.single-portfolio .post-image:before{display:none}.single-portfolio .featured-area img{display:block;width:100%}.single-portfolio .project-meta{background-color:#2c3f55;bottom:0;color:#fff;font-family:Open Sans,serif;font-size:.9em;opacity:.8;padding-left:35px;position:absolute}.single-portfolio .project-meta:after{background-color:#2c3f55;content:"";display:block;height:100%;left:100%;position:absolute;top:0;transform:skewX(-29deg);transform-origin:left top;width:55px;z-index:-1}.project-client,.project-date,.project-services,.project-view{display:inline-block;font-weight:300;letter-spacing:.025em;margin:0 3.15em 0 0;padding:1.2em 0}.project-client strong,.project-date strong,.project-services strong,.project-view strong{color:#3ac5cd;display:block;font-size:.925em;font-weight:700;letter-spacing:.015em;margin-bottom:0;text-transform:uppercase}.single-portfolio .post-title{font-size:4.2em;letter-spacing:-.035em;margin-bottom:.6em}.widget{margin:0 0 3em}.widgettitle{color:#6faf24;font-family:Poppins,sans-serif;font-size:1.2em;font-style:normal;font-weight:600;letter-spacing:.07em;margin:0 0 1em;padding:0;text-transform:uppercase}.widget ul{margin:0;padding:0}.widget li{clear:both;list-style:none;margin:0;padding:.4em 0}.widget ul ul{border-top:none;margin:6px 0 -6px;padding:0}.widget ul ul li{margin:0;padding-left:10px}.widget #wp-calendar{width:100%}.widget #wp-calendar caption{font-weight:700;padding-bottom:10px}.widget #wp-calendar td{padding:4px 2px;text-align:center;width:31px}.widget_recent_entries .post-date{display:block;font-size:.95em}.widget .feature-posts-list li{margin:0 0 .5em}.widget .feature-posts-list br{display:none}.widget .feature-posts-list .post-img{float:left;margin:.5em 1.2em 1em 0}.widget .feature-posts-list small{display:block;font-size:90%;margin:0 0 .3em}.widget .feature-posts-list .feature-posts-title{display:inline-block;font-size:1.1em;margin:0 0 .2em;max-width:70%}.widget .feature-posts-list .post-excerpt{display:block}.widget .links-list img,.widget_links img{vertical-align:middle}.recent-comments-list .avatar{float:left;margin-right:12px}.widget .flickr_badge_image{float:left;height:65px;margin-right:30px;margin-top:24px;width:65px}.widget .social-links i:first-child{padding-left:0}#searchform{position:relative}#searchform #s{box-sizing:border-box;margin:0;padding:20px 45px 22px 29px;width:100%}#searchform .icon-search:before{content:"\e803";font-family:themify_theme_icon;font-size:1.25em;font-style:normal;position:absolute;right:15px;top:50%;transform:translateY(-50%)}iframe[src*=facebook]{background-color:#fff}.twitter-tweet-rendered{max-width:100%!important}.widget .textwidget ul{margin:0 0 1.4em 1.6em}.widget .textwidget li{display:list-item}.widget .textwidget ul li{list-style:disc}.widget .textwidget ol li{list-style:decimal}#footerwrap{clear:both;padding-top:2em}.back-top{font-size:10px;margin:1em auto 0;text-align:center;width:50px}.back-top a{bottom:0;display:inline-block;position:relative;transition:all .5s;z-index:10}.back-top a:before{content:"\e806";display:inline-block;font-family:themify_theme_icon;font-size:3em}.back-top:hover a{animation:backtoparrow 1s infinite;animation-timing-function:linear}.footer-logo-wrapper{text-align:center}#footer-logo{font-family:Poppins,sans-serif;font-size:2.65em;font-weight:700;letter-spacing:-.04em;line-height:normal;margin:.6em 0 .75em;padding:0;text-transform:uppercase}#footer-logo a{color:inherit}.footer-widgets{clear:both;margin:0 10%}.footer-widgets .widget{margin-bottom:2.5em}.footer-widgets .widgettitle{color:#31373c;letter-spacing:normal;margin-bottom:.7em;text-transform:none}.footer-text{border-top:1px solid #ddd;clear:both;color:#999;font-size:.75em;letter-spacing:.02em;margin:0 20%;padding:3.1em 0;text-align:center}.footer-text a{color:inherit}.footer-nav{display:table;margin:1em auto 3em;padding:0}.footer-nav li{display:inline-block;list-style:none;margin:0;padding:0;position:relative}.footer-nav a{margin:0 1em .8em 0;text-decoration:none}.footer-horizontal-left .footer-nav a,.footer-horizontal-right .footer-nav a,.footer-left-col .footer-nav a,.footer-right-col .footer-nav a{margin:0 .8em 1em 0;padding:0}.footer-nav li ul{background-color:#fff;border:1px solid rgba(0,0,0,.1);bottom:100%;box-sizing:border-box;display:none;list-style:none;margin:0 0 1em;opacity:0;padding:.6em 0;position:absolute;text-align:left;transition:all .2s ease-in-out;visibility:hidden;z-index:11}.footer-nav ul a{box-sizing:border-box;display:block;margin:0;padding:.5em 1.25em .5em 1.6em;width:238px}.footer-nav li li ul{bottom:-.65em;left:100%}.footer-nav li:hover>ul{display:block;margin-bottom:0;opacity:1;visibility:visible}.footer-nav li:hover>a{color:#ed1e24}.footer-nav li.edge ul{left:auto;right:0}.footer-nav ul li.edge ul{right:100%}.footer-right-col #footerwrap .footer-nav ul li.edge ul{left:auto;right:100%}.social-share-wrap{display:block;margin:0 0 .9em}.social-share{clear:both;display:inline-block;z-index:99}.social-share .sharrre{display:inline-block;float:left;font-size:1.6em;margin-left:-1px;text-align:center}.sharrre .count,.sharrre .share span{display:none}.sharrre .share{display:inline-block;float:none;vertical-align:middle}.social-share .sharrre .share:before{border:1px solid #ddd;content:"";display:inline-block;font-family:themify_theme_icon;height:57px;line-height:60px;transition:.3s ease-in-out;width:58px}.social-share .twitter-share.sharrre .share:before{content:"\f099"}.social-share .facebook-share.sharrre .share:before{content:"\f09a"}.social-share .googleplus-share.sharrre .share:before{content:"\f0d5"}.social-share .pinterest-share.sharrre .share:before{content:"\f0d2"}.social-share .linkedin-share.sharrre .share:before{content:"\f0e1"}.sharrre a{color:#8d8d8d}.sharrre:hover .share:before{background-color:#31373c;border-color:#31373c;color:#fff}.twitter-share.sharrre:hover .share:before{background-color:#00aced!important;border-color:#00aced}.facebook-share.sharrre:hover .share:before{background-color:#3b5998!important;border-color:#3b5998}.googleplus-share.sharrre:hover .share:before{background-color:#dd4b39!important;border-color:#dd4b39}.pinterest-share.sharrre:hover .share:before{background-color:#cb2027!important;border-color:#cb2027}.linkedin-share.sharrre:hover .share:before{background-color:#007bb6!important;border-color:#007bb6}.themify_builder_content .module-title{font-size:1.4em;letter-spacing:1px;margin:1.4em 0 1.6em;padding:1em 0 0;text-transform:uppercase}.ui.builder_button{border:0;font-size:.8em;font-weight:900;padding:1em 1.5em;text-transform:uppercase}@supports (-webkit-touch-callout:none){#headerwrap{background-attachment:scroll!important;background-position:50%!important}}img.aligncenter,img.alignleft,img.alignnone,img.alignright{margin-bottom:1em}.alignleft{float:left;margin-right:2em}.alignright{float:right;margin-left:2em}.aligncenter{display:block;margin-left:auto;margin-right:auto;text-align:center}.wp-caption{margin-bottom:1em;max-width:100%;text-align:center}.wp-caption-text{margin:1em 0 .5em}body.attachment{position:static}.single .attachment.post,body.attachment{float:none;width:auto}.clear{clear:both}.left{float:left}.right{float:right}.textleft{text-align:left}.textright{text-align:right}.textcenter{text-align:center}#body:after,#content:after,#footer:after,#main-nav:after,.menu:after,.post-meta:after,.widget li:after,footer:after{clear:both;content:"";display:table}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translate(0)}}@keyframes prev-arrow{0%{left:6%}50%{left:3%}to{left:6%}}@keyframes next-arrow{0%{right:6%}50%{right:3%}to{right:6%}}@keyframes backtoparrow{0%{bottom:0}50%{bottom:20px}to{bottom:0}}.themify_link_to{height:100%;left:0;position:absolute;top:0;width:100%;z-index:10} /*/wp-content/themes/themify-float/media-queries.css*/ @media (max-width:1200px){ @media(min-width:1400px){body:not(.sidebar-left).single .social-share-wrap{float:left;left:-98px;position:absolute;width:60px}body:not(.sidebar-left).single .social-share .sharrre{display:block;float:none}body:not(.sidebar-left).single .social-share .sharrre .share:before{border-bottom:none}body:not(.sidebar-left).single .social-share .sharrre:last-child .share:before{border-bottom:1px solid #ddd}body:not(.sidebar-left).single .social-share-wrap.social-share-fixed{left:0;position:fixed;top:0;top:62px}body:not(.sidebar-left).single .social-share-wrap.social-share-absolute{position:absolute}}@media(max-width:1260px){body{font-size:1em}.pagewidth{max-width:94%}.default_width #layout .row_inner,body #pagewrap{max-width:100%}.single-portfolio .project-meta{font-size:.8em}.project-client,.project-date,.project-services,.project-view{margin-right:1em;padding-bottom:.5em;padding-top:.5em}.footer-text,.footer-widgets{margin:0}}@media(max-width:800px){.header-leftpane #headerwrap{left:-255px;padding-right:45px}.header-leftpane,.header-leftpane.full_width{margin-left:45px;margin-right:auto}.header-leftpane .logo-desc-wrap{left:65px}.header-leftpane .menu-icon-inner{height:16px;width:24px}.header-leftpane #menu-icon{left:10px}.mobile-menu-visible.header-leftpane #menu-icon{left:265px}.header-rightpane #headerwrap{padding-left:45px;right:-255px}.header-rightpane,.header-rightpane.full_width{margin-left:auto;margin-right:45px}.header-rightpane .logo-desc-wrap{right:-5px}.header-rightpane .menu-icon-inner{height:16px;width:24px}.header-rightpane #menu-icon{right:10px}.mobile-menu-visible.header-rightpane #menu-icon{right:270px}.mobile-menu-visible.header-rightpane .logo-desc-wrap{right:250px}.admin-bar #headerwrap{top:46px}}@media(max-width:760px){.pagewidth{max-width:90%}#pagewrap #content,#pagewrap #sidebar{clear:both;float:none;max-width:100%;width:100%}#pagewrap #sidebar{font-size:inherit;line-height:inherit}.widget .feature-posts-list .feature-posts-title{max-width:none}.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{float:none;width:100%}.woocommerce .cart-collaterals .cart_totals,.woocommerce .cart-collaterals .cross-sells,.woocommerce .cart-collaterals .shipping_calculator{float:none;text-align:left;width:100%}.woocommerce ul.products{width:auto}.woocommerce ul.products li.product{box-sizing:border-box;clear:both;float:left;margin:0 0 2.992em;padding:0 4%;width:50%}.woocommerce ul.products li.product:nth-child(2n){clear:none;float:right}.woocommerce table.shop_table{border-collapse:inherit}.woocommerce .cart-collaterals .cart_totals tr td{width:auto!important}}@media(max-width:680px){.page-title,h1{font-size:2.4em}h2{font-size:1.8em}h3{font-size:1.4em}h4{font-size:1.1em}.col2-1,.col3-1,.col3-2,.col4-1,.col4-2,.col4-3{margin-left:0;max-width:100%;width:100%}.loops-wrapper.grid2 .post-title,.loops-wrapper.grid2-thumb .post-title,.loops-wrapper.grid3 .post-title,.loops-wrapper.grid4 .post-title,.loops-wrapper.list-large-image .post-title,.loops-wrapper.list-post .post-title,.loops-wrapper.list-thumb-image .post-title,.loops-wrapper.slider .post-title,.loops-wrapper.zig-zag .post-title,.post-title{font-size:2.2em}.loops-wrapper.grid2 .post-image,.loops-wrapper.grid3 .post-image,.loops-wrapper.grid4 .post-image,.loops-wrapper.list-large-image .post-image,.loops-wrapper.list-post .post-image{float:none;width:auto}.loops-wrapper.grid2-thumb .post-content,.loops-wrapper.list-thumb-image .post-content{overflow:visible}.post-tag{font-size:.75em}.post-author{font-size:1em}.loops-wrapper.slider .post-content{background-color:#000;padding-bottom:5px;padding-top:10px;position:static}.loops-wrapper.slider .post-meta{position:static}.post-date{font-size:.5em;height:58px;width:58px}.has-post-thumbnail .post-date{margin-left:15px;margin-top:auto;position:static}.loops-wrapper.grid2 .has-post-thumbnail .post-date,.loops-wrapper.grid3 .has-post-thumbnail .post-date,.loops-wrapper.grid4 .has-post-thumbnail .post-date{clear:both;display:block;font-size:.5em;padding-top:7px}.loops-wrapper.grid4 .entry-content{font-size:inherit;line-height:inherit}.loops-wrapper.list-post .post-comment a,.single-post .post-comment a{background-color:#fff;height:45px;line-height:45px;width:45px}.loops-wrapper.list-post .has-post-thumbnail .post-comment,.single-post .has-post-thumbnail .post-comment{bottom:100%;position:absolute;right:0}.single-post .has-post-thumbnail .post-comment{margin-bottom:1.5em}.loops-wrapper.zig-zag .post .post-image-wrap{margin-bottom:1.8em}.loops-wrapper.zig-zag .post:nth-child(2n) .post-content,.loops-wrapper.zig-zag .post:nth-child(2n) .post-image-wrap,.loops-wrapper.zig-zag .post:nth-child(odd) .post-content,.loops-wrapper.zig-zag .post:nth-child(odd) .post-image-wrap{box-sizing:border-box;float:none;padding:initial;width:auto}.loops-wrapper.zig-zag .has-post-thumbnail.post:nth-of-type(2n) .post-date{margin-right:15px}.loops-wrapper.zig-zag .has-post-thumbnail .post-meta{margin-top:-1.5em}.loops-wrapper.zig-zag .post-comment a{background-color:#fff;height:45px;line-height:45px;width:45px}.loops-wrapper.zig-zag .has-post-thumbnail .post-comment{bottom:100%;position:absolute;right:.3em}.loops-wrapper.zig-zag .has-post-thumbnail.post:nth-of-type(2n) .post-comment{left:0;right:auto}.loops-wrapper.portfolio.grid3 .post,.loops-wrapper.portfolio.grid3 .post.size-large,.loops-wrapper.portfolio.grid4 .post,.loops-wrapper.portfolio.grid4 .post.size-large,.loops-wrapper.portfolio.grid5 .post,.loops-wrapper.portfolio.grid5 .post.size-large{font-size:inherit;width:100%}.loops-wrapper.portfolio .post.size-large .entry-content,.loops-wrapper.portfolio .post.size-small .entry-content{font-size:inherit}.single-portfolio .project-meta{max-width:50%;position:relative}.single-portfolio .project-meta:after{width:155px}.project-client,.project-date,.project-services,.project-view{display:block}.portfolio-filter-wrap{font-size:.8em;height:240px!important}.post-filter-title{bottom:10%}.post-nav .next,.post-nav .prev{clear:both;display:block;margin-bottom:10px;width:100%}.commentlist{padding-left:0}.commentlist .commententry{clear:left}.commentlist .avatar{float:left;height:40px;margin:0 1em 1em 0;width:40px}.commentwrap .pagenav{font-size:.8em}.social-share .sharrre{font-size:1em}.social-share .sharrre .share:before{height:45px;line-height:48px;width:45px}}@media(max-width:480px){#respond #cancel-comment-reply-link{padding-left:25px;top:-12px}#respond #cancel-comment-reply-link:after,#respond #cancel-comment-reply-link:before{left:0}} } /*/wp-content/themes/float-child/style.css*/ /* Theme Name: float-child Version: 1.0 Description: A child theme of Themify Float Template: themify-float */ /* --------- DO NOT EDIT THIS FILE. If you need to overwrite the CSS styling, create a new custom_style.css in the theme folder and it will automatically load in the . */ /*---------------------------------------------------------------------------------- TABLE OF CONTENT 1. Reset 2. General Styling (default font, color, lists, headings, form elements, etc.) 3. Structure (page width & layout containers) 4. Grid (column width) 5. Header (logo, tagline, social widget, search form, main menu) 6. Page (page title, author page, pagination) 7. Post (post layouts & styling, comments, post navigation) 7.1 Portfolio Post Type 7.2 Team Post Type 8. Sidebar 8.1 Widget Styles 9. Footer 10. Builder Styling 11. WordPress Formatting 12. Gallery 13. Clear & Alignment 14. Image Filter 15. WooCommerce ----*/ /************************************************************************************ 1. RESET *************************************************************************************/ html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, figure { margin: 0; padding: 0; } img, fieldset { border: 0; } /* set img max-width */ img { max-width: 100%; height: auto; } /* ie 8 img max-width */ .ie8 img { width: auto;} /* set html5 elements to block */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* audio */ audio { max-width: 100%; } /* iframes and objects max-width (for embed media) */ iframe, object, embed { max-width: 100%; } /************************************************************************************ 2. GENERAL STYLING *************************************************************************************/ body { font: 1.1em/1.8em 'Open Sans', sans-serif; word-wrap: break-word; color: #656565; -webkit-font-smoothing: antialiased; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } a { text-decoration: none; outline: none; color: #1abbc5; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } a:hover { color: #7793b3; } p { padding: 0; margin: 0 0 1.1em; } small { font-size: 87%; } blockquote { font-size: 1.2em; line-height: 1.4em; padding: .8em 2em 1em; margin: 0 0 1.2em; position: relative; } blockquote:before { content: '\201C'; font-size: 3.3em; position: absolute; margin-left: -.5em; margin-top: .2em; } ins { text-decoration: none; } /* LIST ================================================ */ ul, ol { margin: 0 0 1.4em 1.6em; padding: 0; } li { margin: 0 0 1em 0; padding: 0; } ul ul, ul ol, ol ol, ol ul { margin-top: 1em; } /* HEADINGS ================================================ */ h1, h2, h3, h4, h5, h6 { font-family: 'Playfair Display'; font-weight: 900; line-height: 1.4em; margin: 0 0 .5em; word-wrap: normal; color: #000; } h1 { font-size: 4.2em; font-style: normal; margin-bottom: 0.5em; } h2 { font-size: 2.5em; font-style: normal; } h3 { font-size: 1.5em; font-weight: 700; font-style: normal; } h4 { font: 600 1.3em/1.4em "Poppins"; text-transform: uppercase; letter-spacing: .04em; } h5 { font-size: 1.5em; } h6 { font-size: 1.2em; } /* FORM ================================================ */ /* form input */ input, textarea, select, input[type=search], button { font-size: 100%; font-family: inherit; max-width: 100%; } textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week] { background-color: #fff; border: 1px solid #ddd; border-radius: 0; box-shadow: none; font-size: 0.95em; padding: 0.5em 1.2em; letter-spacing: 0.03em; margin: 1em 0 0.35em; max-width: 100%; -webkit-appearance: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=tel] { width: 15em; } input[type=number] { width: 7em; } select { padding: 0.5em 1.2em; } /* text area */ textarea { width: 100%; min-height: 225px; } /* form input:focus */ textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[type=url]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus { outline: none; border-color: #000; } /* form button */ input[type=reset], input[type=submit], button { background-color: #1abbc5; border: none; border-radius: 0; box-shadow: none; color: #fff; display: inline-block; font-family: 'Poppins'; font-size: 0.85em; font-weight: 700; padding: 1.05em 2.8em 1em 3em; cursor: pointer; letter-spacing: 0.14em; text-transform: uppercase; -webkit-appearance: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* form input:hover */ input[type=reset]:hover, input[type=submit]:hover, button:hover { background-color: #f4dd3f; color: #7793b3; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #959595; } input::-moz-placeholder, textarea::-moz-placeholder { color: #959595; } /************************************************************************************ 3. STRUCTURE *************************************************************************************/ /* set general layout containers box-sizing */ img, textarea, input, #pagewrap, .pagewidth, #headerwrap, #header, #main-nav, #body, #layout, #content, .post, .author-box, .post-nav, .pagenav, #sidebar, .widget, #footerwrap, #footer, .col4-1, .col4-2, .col4-3, .col3-1, .col3-2, .col2-1 { -moz-box-sizing: border-box; box-sizing: border-box; } /* main page width */ .pagewidth, .full_width .themify_builder_row .row_inner { width: 1160px; max-width: 100%; margin: 0 auto; } /* body (middle container) */ #body { max-width: 100%; clear: both; } /* content */ #content { width: 71.5%; float: left; padding: 6% 0; } .sidebar-none #content { width: 100%; float: none; } /* sidebar */ #sidebar { width: 22.5%; float: right; padding: 6% 0; font-size: 0.85em; line-height: 1.7em; } #sidebar .secondary { width: 47%; } /* full_width content */ .full_width #layout { width: 100%; max-width: 100%; } .full_width #content { padding: 0; width: auto; max-width: 100%; float: none; } .full_width #sidebar { width: auto; float: none; } /* sidebar left */ .sidebar-left #content { float: right; } .sidebar-left #sidebar { float: left; } /************************************************************************************ 4. GRID *************************************************************************************/ .col4-1, .col4-2, .col4-3, .col3-1, .col3-2, .col2-1 { margin-left: 3.2%; float: left; } .col4-1 { width: 22.6%; } .col4-2, .col2-1 { width: 48.4%; } .col4-3 { width: 74.2%; } .col3-1 { width: 31.2%; } .col3-2 { width: 65.6%; } .col.first, .col4-1.first, .col4-2.first, .col4-3.first, .col3-1.first, .col3-2.first, .col2-1.first { margin-left: 0; clear: left; } /************************************************************************************ 5. HEADER *************************************************************************************/ #headerwrap { color: #fff; background: #e3e3e3; background: -moz-linear-gradient(-45deg, rgba(26, 187, 197, 1) 0%, rgba(26, 187, 197, 1) 41%, rgba(45, 188, 129, 1) 56%, rgba(45, 188, 129, 1) 100%); background: -webkit-linear-gradient(-45deg, rgba(26, 187, 197, 1) 0%, rgba(26, 187, 197, 1) 41%, rgba(45, 188, 129, 1) 56%, rgba(45, 188, 129, 1) 100%); background: linear-gradient(135deg, rgba(26, 187, 197, 1) 0%, rgba(26, 187, 197, 1) 41%, rgba(45, 188, 129, 1) 56%, rgba(45, 188, 129, 1) 100%); position: fixed; width: 100%; left: 0; top: 0; z-index: 99; min-height: 55px; } /* Fluid Header/ Fullwidth Header */ #header { width: auto; max-width: none; padding: 1.2em 30px 0.85em; position: relative; -webkit-transition: padding 0.5s ease-in-out; -moz-transition: padding 0.5s ease-in-out; transition: padding 0.5s ease-in-out; } /* SITE LOGO ================================================ */ #site-logo { margin: 0; padding: 0; display: inline-block; font-family: 'Poppins', sans-serif; text-transform: uppercase; font-size: 2.7em; font-weight: 600; letter-spacing: -0.025em; line-height: normal; vertical-align: middle; -webkit-transition: font-size 0.5s ease-in-out; -moz-transition: font-size 0.5s ease-in-out; transition: font-size 0.5s ease-in-out; } #site-logo a { text-decoration: none; color: inherit; } /* SITE DESCRIPTION ================================================ */ #site-description { margin: 0 0 0 19px; padding: 0; line-height: 110%; display: inline-block; font-family: 'Playfair Display'; font-style: italic; font-size: 0.8em; letter-spacing: 0.02em; position: absolute; top: 50%; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); transform: translate(50%, -50%); z-index: 1; } #site-description span { background-color: #fff; color: #000; display: inline-block; padding: 8px; position: relative; box-sizing: border-box; min-height: 32px; } #site-description span:after { content: ''; display: inline-block; width: 0; height: 0; position: absolute; right: 100%; top: 0; border: 16px solid transparent; border-right-color: #fff; z-index: -1; } #site-logo:hover + #site-description { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translate(0, -50%); } /* SOCIAL WIDGET ================================================ */ .social-widget { max-width: 350px; margin: 2em auto; text-align: center; } .social-widget a { text-decoration: none; color: inherit; display: inline-block; } .social-widget .widget { display: inline-block; vertical-align: middle; margin: 0 2px 0 0; padding: 0; background: none; border: none; border-radius: 0; box-shadow: none; } .social-widget .widget div { display: inline; } .social-widget .widgettitle { display: none; } .social-widget ul { margin: 6px 0 0 !important; padding: 0; display: inline; } .social-widget ul li { padding: 0 2px 5px 0; margin: 0; display: inline-block; border: none !important; clear: none; color: inherit; line-height: 100%; } .social-widget li img { vertical-align: middle; margin-top: -3px; } .social-widget .social-links .icon-medium i, .social-widget div.rss a { font-size: 1.6em; padding: 0.75em 0.95em 0.5em 0; display: inline-block; } /* rss */ .social-widget div.rss { display: inline-block; vertical-align: middle; margin-left: 3px; } .social-widget div.rss a { display: inline-block; } .social-widget .rss a:before { content: "\f09e"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; } /* SEARCH FORM ================================================ */ #searchform-wrap { display: block; max-width: 350px; margin: 0 auto; } #headerwrap #searchform { position: relative; margin: 0 0 3.4em; } #headerwrap #searchform #s { border: 1px solid rgba(255,255,255,0.5); background-color: transparent; color: #fff; font-size: 1em; margin: 0; padding: 20px 45px 22px 29px; width: 100%; } #headerwrap #searchform #s::-webkit-input-placeholder { color: #fff; } #headerwrap #searchform #s:focus, #headerwrap #searchform #s:hover, #headerwrap #searchform .icon-search:hover + #s { border-color: rgba(255,255,255,1); } #headerwrap #searchform .icon-search:before { content: "\f002"; font-family: FontAwesome; font-size: 1.25em; font-style: normal; position: absolute; right: 21px; top: 48%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } /* MAIN NAVIGATION ================================================ */ #main-nav { max-width: 350px; margin: 2em auto; padding: 0; font-size: 1.5em; font-weight: 300; } #main-nav li { margin: 0; padding: 0; list-style: none; position: relative; display: block; } #main-nav li.menu-item-has-children > a { padding-right: 1.5em; } /* dropdown icon */ #main-nav .menu-item-has-children .child-arrow:before, #main-nav .page_item_has_children .child-arrow:before { content: "\f107"; font-family: FontAwesome; font-size: 1.2em; cursor: pointer; position: absolute; right: 0; top: 0.715em; top: 16px; -webkit-transition: transform 0.7s linear; -moz-transition: transform 0.7s linear; transition: transform 0.7s linear; z-index: 9999; } #main-nav .menu-item-has-children .child-arrow.toggle-on:before, #main-nav .page_item_has_children .child-arrow.toggle-on:before { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg); } .touch #main-nav .menu-item-has-children > a:after, .touch #main-nav .page_item_has_children > a:after { display: none !important; } /* main level link */ #main-nav a { color: inherit; display: block; padding: 0.715em 0; position: relative; margin: 0; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid rgba(255,255,255,0.3); } /* main level link :hover */ #main-nav > .current-menu-ancestor > a, #main-nav > .current_page_item > a, #main-nav > .current-menu-item > a, #main-nav li a:hover { color: #e3e3e3; } /* dropdown ul */ #main-nav ul { margin: 0; padding: 15px 0 0; list-style: none; display: none; display: block; } #headerwrap #main-nav .has-sub-menu > .sub-menu > li > ul.sub-menu, #headerwrap #main-nav .has-mega-column > .sub-menu > li > ul.sub-menu, #headerwrap #main-nav > li > div.sub-menu, #headerwrap #main-nav > li > ul.sub-menu, #headerwrap #main-nav > li > div.sub-menu > li > .sub-menu, #headerwrap #main-nav > li > ul.sub-menu > li > .sub-menu, #headerwrap #main-nav > li > .children, #headerwrap #main-nav > li > .children > li > .children { height: 100%; overflow: hidden; max-height: 0; -webkit-transition: max-height 0.3s linear; -moztransition: max-height 0.3s linear; transition: max-height 0.3s linear; } #headerwrap #main-nav .has-sub-menu > .sub-menu > li > .toggle-on + ul.sub-menu, #headerwrap #main-nav .has-mega-column > .sub-menu > li > .toggle-on + ul.sub-menu, #headerwrap #main-nav > li > .toggle-on + div.sub-menu, #headerwrap #main-nav > li > .toggle-on + ul.sub-menu, #headerwrap #main-nav > li > div.sub-menu > li > .toggle-on + .sub-menu, #headerwrap #main-nav > li > ul.sub-menu > li > .toggle-on + .sub-menu, #headerwrap #main-nav > li > .toggle-on + .children, #headerwrap #main-nav > li > .children > li > .toggle-on + .children { max-height: 1000px; min-height: initial; } #main-nav ul li { background: none; padding: 0; margin: 0; float: none; padding-left: 1em; } #main-nav ul li a { font-size: 0.85em; } /* sub-levels dropdown */ #main-nav ul ul { left: 190px; top: -2px; } /* mobile menu icon */ #menu-icon, #menu-icon-close { display: none; } /* menu icon */ #menu-icon { display: block; text-decoration: none; color: inherit; position: absolute; top: 46px; right: 30px; width: 36px; height: 21px; z-index: 9999; border-bottom: 2px solid; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transition-property: color, border; -moz-transition-property: color, border; transition-property: color, border; } #menu-icon:before, #menu-icon:after { content: ''; display: inline-block; width: 100%; border-bottom: 2px solid; position: absolute; left: 0; -webkit-transition: transform 0.5s ease-in-out; -moz-transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; } #menu-icon:before { top: 0px; } #menu-icon:after { top: 50%; } .mobile-menu-visible #menu-icon { z-index: 111111; border-color: transparent; line-height: 0; } .mobile-menu-visible #menu-icon:before, .mobile-menu-visible #menu-icon:after { top: 9px; } .mobile-menu-visible #menu-icon:before { transform: rotateZ(45deg); } .mobile-menu-visible #menu-icon:after { transform: rotateZ(-45deg); } body:not(.horizontal-menu).mobile-menu-visible { overflow: hidden !important; position: absolute; height: 100%; width: 100%; top:0; left:0; } body:not(.header-leftpane):not(.header-rightpane):not(.horizontal-menu).mobile-menu-visible #headerwrap { height: 100vh; min-height: 300px; -webkit-transition: height, background 1s ease-in-out; -moz-transition: height, background 1s ease-in-out; transition: height, background 1s ease-in-out; background: -moz-linear-gradient(-45deg, rgba(26, 187, 197, .95) 0%, rgba(26, 187, 197, .95) 41%, rgba(45, 188, 129, .95) 56%, rgba(45, 188, 129, .95) 100%); background: -webkit-linear-gradient(-45deg, rgba(26, 187, 197, .95) 0%, rgba(26, 187, 197, .95) 41%, rgba(45, 188, 129, .95) 56%, rgba(45, 188, 129, .95) 100%); background: linear-gradient(135deg, rgba(26, 187, 197, .95) 0%, rgba(26, 187, 197, .95) 41%, rgba(45, 188, 129, .95) 56%, rgba(45, 188, 129, .95) 100%); } .body-overlay { display: none; background-color: rgba(255,255,255,.7); width: 100%; height: 100%; position: fixed; right: 300px; top: 0; z-index: 1000; box-shadow: inset -1px 0 13px rgba(0,0,0,.13) } .body-overlay.body-overlay-on { display: none; /* fix for Windows phone */ } /* Mobile Menu Styles */ .sidemenu { padding: 38px 30px 30px; overflow-y: scroll; -webkit-overflow-scrolling: touch; position: fixed; bottom: 0; left: 0; z-index: 1111; height: 100%; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: none; } #mobile-menu.sidemenu-on { display: block; } #headerwrap .social-widget, #headerwrap #searchform-wrap, #headerwrap #main-nav { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mobile-menu-visible #headerwrap #main-nav, .mobile-menu-visible #headerwrap #searchform-wrap { -webkit-animation: fadeInDown 0.5s alternate;/* Chrome, Safari, Opera */ -webkit-animation-timing-function: linear;/* Chrome, Safari, Opera */ animation: fadeInDown 0.5s alternate; animation-timing-function: linear; } .mobile-menu-visible #headerwrap .social-widget { -webkit-animation: fadeInDown 1s alternate;/* Chrome, Safari, Opera */ -webkit-animation-timing-function: linear;/* Chrome, Safari, Opera */ animation: fadeInDown 1s alternate; animation-timing-function: linear; } /* FIXED HEADER ================================================ */ #headerwrap.fixed-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background: -moz-linear-gradient(-45deg, rgba(26, 187, 197, .95) 0%, rgba(26, 187, 197, .95) 41%, rgba(45, 188, 129, .95) 56%, rgba(45, 188, 129, .95) 100%); background: -webkit-linear-gradient(-45deg, rgba(26, 187, 197, .95) 0%, rgba(26, 187, 197, .95) 41%, rgba(45, 188, 129, .95) 56%, rgba(45, 188, 129, .95) 100%); background: linear-gradient(135deg, rgba(26, 187, 197, .95) 0%, rgba(26, 187, 197, .95) 41%, rgba(45, 188, 129, .95) 56%, rgba(45, 188, 129, .95) 100%); } .iphone #headerwrap.fixed-header { transition: none; } #headerwrap.fixed-header #header { padding-top: 10px; padding-bottom: 10px; } #headerwrap.fixed-header #site-logo { font-size: 2em; } .fixed-header #site-logo img { max-height: 60px; } .fixed-header #menu-icon { top: 26px; } /* TRANSPARENT HEADER ================================================ */ .transparent-header #headerwrap { background: none; /* required for transparent-header */ color: #fff; } .transparent-header:not(.themify_builder_active) #pagewrap { padding-top: 0 !important; } .transparent-header #headerwrap.fixed-header { background: -moz-linear-gradient(-45deg, rgba(26, 187, 197, .95) 0%, rgba(26, 187, 197, .95) 41%, rgba(45, 188, 129, .95) 56%, rgba(45, 188, 129, .95) 100%); background: -webkit-linear-gradient(-45deg, rgba(26, 187, 197, .95) 0%, rgba(26, 187, 197, .95) 41%, rgba(45, 188, 129, .95) 56%, rgba(45, 188, 129, .95) 100%); background: linear-gradient(135deg, rgba(26, 187, 197, .95) 0%, rgba(26, 187, 197, .95) 41%, rgba(45, 188, 129, .95) 56%, rgba(45, 188, 129, .95) 100%); color: #fff; } body:not(.header-leftpane):not(.header-rightpane):not(.horizontal-menu).transparent-header.mobile-menu-visible #headerwrap { background: -moz-linear-gradient(-45deg, rgba(26, 187, 197, .95) 0%, rgba(26, 187, 197, .95) 41%, rgba(45, 188, 129, .95) 56%, rgba(45, 188, 129, .95) 100%); background: -webkit-linear-gradient(-45deg, rgba(26, 187, 197, .95) 0%, rgba(26, 187, 197, .95) 41%, rgba(45, 188, 129, .95) 56%, rgba(45, 188, 129, .95) 100%); background: linear-gradient(135deg, rgba(26, 187, 197, .95) 0%, rgba(26, 187, 197, .95) 41%, rgba(45, 188, 129, .95) 56%, rgba(45, 188, 129, .95) 100%); } /* ADMINBAR ================================================ */ .admin-bar #headerwrap { top: 32px; } /* HORIZONTAL MENU ================================================ */ .horizontal-menu .body-overlay.body-overlay-on { display: block; /* fix for Windows phone */ } .mobile-menu-visible.horizontal-menu #headerwrap { height: auto; min-height: inherit; } .horizontal-menu #header { padding: 36px 30px 23px; } .horizontal-menu .sidemenu { display: block; position: static; padding: initial; width: auto; overflow: visible; } .horizontal-menu #site-logo { float: left; line-height: 1em; } .horizontal-menu .social-widget, .horizontal-menu #searchform-wrap, .horizontal-menu #main-nav { max-width: none; margin: auto; float: left; } /* SEARCH FORM*/ .horizontal-menu #headerwrap #searchform-wrap { position: relative; } .horizontal-menu #headerwrap #searchform { margin: 0; position: absolute; z-index: 9999; } .horizontal-menu #headerwrap #searchform #s { width: 40px; border-color: transparent; border-left-color: rgba(255,255,255,0.5); padding: 0.4em 0.5em; padding-right: 35px; -webkit-transition: width 0.3s ease-in-out; -moz-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; } .horizontal-menu #headerwrap #searchform .icon-search:before { right: 10px; font-size: 1em; z-index: 1; top: 20px; } .horizontal-menu #headerwrap #searchform #s:focus, .horizontal-menu #headerwrap #searchform:focus #s, .horizontal-menu #headerwrap #searchform:hover #s, .horizontal-menu #headerwrap #searchform .icon-search:hover + #s { width: 140px; background-color: #fff; color: #000; } .horizontal-menu #headerwrap #searchform:hover .icon-search:before { color: #000; } /* SOCIAL WIDGETS */ .horizontal-menu .social-widget { margin-left: 1.65em; margin-right: 1em; height: auto; } .horizontal-menu .social-links .icon-medium i, .horizontal-menu .social-widget div.rss a { font-size: 1.1em; padding: 0.2em 0.45em; } /* MAIN NAV */ .horizontal-menu #main-nav { max-width: none; margin: auto; float: right; font-size: 1em; font-family: 'Poppins'; font-weight: 600; max-width: 65%; } .horizontal-menu #main-nav li { display: inline-block; float: left; margin: 0 0.13em; } .horizontal-menu #main-nav > li > a { border: none; text-transform: uppercase; padding: 0.15em 0.525em; letter-spacing: -0.015em; margin-bottom: 5px; } .horizontal-menu #main-nav li.menu-item-has-children > a, .horizontal-menu #main-nav li.page_item_has_children > a { padding-right: 1.8em; } .horizontal-menu.touch #main-nav li.menu-item-has-children > a, .horizontal-menu.touch #main-nav li.page_item_has_children > a { padding-right: 0; } .horizontal-menu #main-nav li.menu-item-has-children > a:after, .horizontal-menu #main-nav li.page_item_has_children > a:after { content: '\f107'; font-family: FontAwesome; display: inline-block; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); padding: .2em .55em; } .horizontal-menu #main-nav .menu-item-has-children .child-arrow, .horizontal-menu #main-nav .page_item_has_children .child-arrow { display: none; } .horizontal-menu #main-nav li ul { border: 1px solid #ddd; box-sizing: border-box; background-color: #fff; color: #000; display: block; font-weight: normal; position: absolute; top: 100%; left: 50%; z-index: 9999; padding: 0; margin: 20px 0 0 -100px; text-align: center; visibility: hidden; opacity: 0; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; } .horizontal-menu #headerwrap #main-nav .has-mega-column > .sub-menu > li > ul.sub-menu, .horizontal-menu #headerwrap #main-nav > li > div.sub-menu, .horizontal-menu #headerwrap #main-nav > li > ul.sub-menu, .horizontal-menu #headerwrap #main-nav > li > ul.sub-menu > li > .sub-menu, .horizontal-menu #headerwrap #main-nav .has-mega-column > .children > li > .children, .horizontal-menu #headerwrap #main-nav > li > .children, .horizontal-menu #headerwrap #main-nav > li > .children > li > .children { height: auto; overflow: visible; max-height: none; } .horizontal-menu #main-nav li.dropdown-open ul { opacity: 1; } .horizontal-menu #main-nav li ul ul { left: 100%; top: 0px; margin-top: 0; margin-left: 20px; text-align: left; } .horizontal-menu #main-nav li:hover > ul { visibility: visible; opacity: 1; margin-top: 0; } .horizontal-menu #main-nav li li:hover > ul { margin-left: 0; } .horizontal-menu.touch #main-nav .has-sub-menu.dropdown-open > ul { visibility: visible; opacity: 1; margin-top: 0; } .horizontal-menu #main-nav li ul li { display: block; padding: 0; } .horizontal-menu #main-nav li ul li a { display: block; width: 200px; border-bottom: 1px solid #ddd; padding-left: 1.05em; padding-right: 1.05em; font-size: 0.9em; line-height: 1.5em; } .horizontal-menu #main-nav li ul li:last-child > a { border-bottom: none; } .horizontal-menu #main-nav li li:hover > a { color: #7793b3; } /* horizontal menu touch dropdown arrow */ .horizontal-menu .sub-arrow { padding: 2px 0 2px 3px; } /* Arrow on top side for sub level menu */ .horizontal-menu #main-nav ul:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; bottom: 100%; position: absolute; pointer-events: none; } .horizontal-menu #main-nav ul:before { border-bottom-color: #fff; border-width: 12px; left: 50%; margin-left: -12px; } /* Arrow on left side for sub sub level menu */ .horizontal-menu #main-nav ul ul:before { left: -10px; top:24px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .horizontal-menu #main-nav ul ul:before { border-right-color: #ddd; border-width: 11px; margin-top: -11px; } .horizontal-menu #main-nav ul li { background: none; float: none; display: block; } /* Edge Menu */ .horizontal-menu #main-nav .edge > ul { left: auto; right: 0; } .horizontal-menu #main-nav ul .edge > ul { left: auto; right: 100%; } .horizontal-menu #main-nav ul .edge > ul:before { left: auto; right: -22px; transform: rotateY(180deg); } /* MENU ICON */ .horizontal-menu #menu-icon { display: none; } /************************************************************************************ INFINITE SCROLL *************************************************************************************/ /* disable CSS transitions for containers with infinite scrolling */ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .loader-wait .load-more-button:before{ content: "\f110"; font-family: FontAwesome; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; position: absolute; top: 14px; right: 14px; z-index: 2; } .load-more-button { font: 300 1.2em/100% 'Poppins'; background-color: #56dcb1; color: #fff; padding: .8em 1.5em; text-decoration: none; text-decoration: none; display: inline-block; position: relative; background: -moz-linear-gradient(-45deg, rgba(26, 187, 197, .95) 0%, rgba(26, 187, 197, .95) 41%, rgba(45, 188, 129, .95) 56%, rgba(45, 188, 129, .95) 100%); background: -webkit-linear-gradient(-45deg, rgba(26, 187, 197, .95) 0%, rgba(26, 187, 197, .95) 41%, rgba(45, 188, 129, .95) 56%, rgba(45, 188, 129, .95) 100%); background: linear-gradient(135deg, rgba(26, 187, 197, .95) 0%, rgba(26, 187, 197, .95) 41%, rgba(45, 188, 129, .95) 56%, rgba(45, 188, 129, .95) 100%); transition: all .5s; } .loader-wait .load-more-button { padding-right: 2em; } .load-more-button:hover { color: #fff; } #infscr-loading { position: fixed; text-align: center; bottom: 50px; left: 0; width: 100%; z-index: 100; overflow: hidden; } #infscr-loading img { background-color: #fff; padding: 8px; border-radius: 9em; } .infinity_without_loader #infscr-loading { display:none !important; } .full_width .load-more { width: 88%; margin-left: auto; margin-right: auto; } .load-more { clear: both; padding: 50px 0; right: 44%; text-align: center; } .infinity_without_loader #infscr-loading { display:none !important; } /* LEFTPANE LAYOUT ================================================ */ /* header leftpane body-overlay */ .header-leftpane .body-overlay { right: 300px; transition: right 0.3s linear; } .header-leftpane .body-overlay.body-overlay-on { display: block; /* fix for Windows phone */ right: -300px; } /* header leftpane body */ .header-leftpane { font-size: 1em; margin-left: 90px; margin-right: 20px; } .header-leftpane.full_width { margin-left: 70px; margin-right: auto; } /* header leftpane pagewrap */ .header-leftpane #pagewrap { padding-top: 0 !important; } /* header leftpane headerwrap */ .header-leftpane #headerwrap { opacity: 1; float: left; width: 300px; height: 100%; overflow-y: hidden; -webkit-overflow-scrolling: touch; padding-right: 77px; } /* header leftpane header */ .header-leftpane #header { padding: 0; } .header-leftpane .logo-desc-wrap { position: fixed; width: 100%; bottom: 25px; min-height: 65px; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotateZ(-90deg); -moz-transform: rotateZ(-90deg); transform: rotateZ(-90deg); } /* header leftpane site description */ .header-leftpane #site-description { position: static; -webkit-transform: translateX(10%); -moz-transform: translateX(10%); transform: translateX(10%); } .header-leftpane #site-logo:hover + #site-description { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } /* header leftpane sidemenu */ .header-leftpane .sidemenu { position: static; display: block; overflow-y: auto; -webkit-overflow-scrolling: touch; text-align: left; padding-top: 70px; } /* header leftpane menu icon */ .header-leftpane #menu-icon { display: block; position: fixed; right: auto; top: 26px; } /* header leftpane main nav */ .header-leftpane #main-nav { max-width: inherit; font-size: 1.2em; margin: 0 0 1em; } .header-leftpane #main-nav a { padding: .4em 0; } .header-leftpane #main-nav ul { padding: 0; } .header-leftpane #main-nav .menu-item-has-children .child-arrow:before, .header-leftpane #main-nav .page_item_has_children .child-arrow:before { top: 8px; } /* header leftpane social widget */ .header-leftpane .social-widget { max-width: inherit; font-size: 1em; text-align: left; margin: 0 0 1em; } .header-leftpane .social-links .icon-medium i, .header-leftpane .social-widget div.rss a { padding: 5px; width: auto; } .header-leftpane .widget .social-links i:first-child { padding-left: initial; } /* header leftpane searchform */ .header-leftpane #headerwrap #searchform #s { padding: 0.75em; padding-right: 3em; } .header-leftpane #headerwrap #searchform { margin: 0 0 1em; } /* header leftpane footerwrap */ .header-leftpane #footer { width: auto; } /* Animate header leftpane panel */ .header-leftpane { position: relative; right: 0; -webkit-transition: right 0.3s ease-in-out; -moz-transition: right 0.3s ease-in-out; transition: right 0.3s ease-in-out; } .mobile-menu-visible.header-leftpane { right: -300px; } .header-leftpane #headerwrap { left: -230px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mobile-menu-visible.header-leftpane #headerwrap { left: 0; padding-right: 0; overflow-y: auto; } .header-leftpane .logo-desc-wrap { left: 70px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mobile-menu-visible.header-leftpane .logo-desc-wrap { left: 300px; -webkit-transform: rotateZ(-90deg) translate(0, 100%); -moz-transform: rotateZ(-90deg) translate(0, 100%); transform: rotateZ(-90deg) translate(0, 100%); opacity: 0; visibility: hidden; } .header-leftpane #menu-icon { left: 15px; -webkit-transition: left 0.3s ease-in-out; -moz-transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out; } .mobile-menu-visible.header-leftpane #menu-icon { left: 240px; } /* RIGHTPANE LAYOUT ================================================ */ /* header rightpane body-overlay */ .header-rightpane .body-overlay { right: -300px; transition: right 0.3s linear; } .header-rightpane .body-overlay.body-overlay-on { display: block; /* fix for Windows phone */ right: 300px; } /* header rightpane body */ .header-rightpane { font-size: 1em; margin-right: 90px; margin-left: 20px; } .header-rightpane.full_width { margin-right: 70px; margin-left: auto; } /* header rightpane pagewrap */ .header-rightpane #pagewrap { padding-top: 0 !important; } /* header rightpane headerwrap */ .header-rightpane #headerwrap { opacity: 1; float: left; width: 300px; height: 100%; overflow-y: hidden; -webkit-overflow-scrolling: touch; padding-left: 77px; left: auto; } /* header rightpane header */ .header-rightpane #header { padding: initial; } .header-rightpane .logo-desc-wrap { position: fixed; width: 100%; bottom: 25px; min-height: 40px; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotateZ(-90deg) translateX(100%); -moz-transform: rotateZ(-90deg) translateX(100%); transform: rotateZ(-90deg) translateX(100%); } /* header rightpane site logo */ .header-rightpane #site-logo { line-height: 1em; } /* header rightpane site description */ .header-rightpane #site-description { position: static; -webkit-transform: translateX(10%); -moz-transform: translateX(10%); transform: translateX(10%); } .header-rightpane #site-logo:hover + #site-description { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } /* header rightpane sidemenu */ .header-rightpane .sidemenu { position: static; display: block; overflow-y: auto; -webkit-overflow-scrolling: touch; text-align: left; padding-top: 70px; } /* header rightpane menu icon */ .header-rightpane #menu-icon { display: block; position: fixed; right: auto; top: 26px; } /* header rightpane main nav */ .header-rightpane #main-nav { max-width: inherit; font-size: 1.2em; margin: 0 0 1em; } .header-rightpane #main-nav a { padding: .4em 0; } .header-rightpane #main-nav ul { padding: 0; } .header-rightpane #main-nav .menu-item-has-children .child-arrow:before, .header-rightpane #main-nav .page_item_has_children .child-arrow:before { top: 8px; } /* header rightpane social widget */ .header-rightpane .social-widget { max-width: inherit; font-size: 1em; text-align: left; margin: 0 0 1em; } .header-rightpane .social-links .icon-medium i, .header-rightpane .social-widget div.rss a { padding: 5px; width: auto; } .header-rightpane .widget .social-links i:first-child { padding-left: initial; } /* header rightpane searchform */ .header-rightpane #headerwrap #searchform #s { padding: 0.75em; padding-right: 3em; } .header-rightpane #headerwrap #searchform { margin: 0 0 1em; } /* header rightpane footerwrap */ .header-rightpane #footer { width: auto; } /* Animate header rightpane panel */ .header-rightpane { position: relative; left: 0; -webkit-transition: left 0.3s ease-in-out; -moz-transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out; } .mobile-menu-visible.header-rightpane { left: -300px; } .header-rightpane #headerwrap { right: -230px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mobile-menu-visible.header-rightpane #headerwrap { right: 0; padding-left: 0; overflow-y:auto; } .header-rightpane .logo-desc-wrap { right: 10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mobile-menu-visible.header-rightpane .logo-desc-wrap { right: 240px; -webkit-transform: rotateZ(-90deg) translate(100%, -100%); -moz-transform: rotateZ(-90deg) translate(100%, -100%); transform: rotateZ(-90deg) translate(100%, -100%); opacity: 0; visibility: hidden; } .header-rightpane #menu-icon { right: 15px; -webkit-transition: right 0.3s ease-in-out; -moz-transition: right 0.3s ease-in-out; transition: right 0.3s ease-in-out; } .mobile-menu-visible.header-rightpane #menu-icon { right: 240px; } .nicescroll-rails-hidden{ display:none !important; } /************************************************************************************ 6. PAGE *************************************************************************************/ /* page title */ .page-title { margin: 0 0 0.365em; padding: 0; font-family: 'Playfair Display'; font-style: italic; font-size: 6em; line-height: 110%; } /* AUTHOR PAGE ================================================ */ .author-bio { margin: 0 0 2em; overflow: hidden; -webkit-overflow-scrolling: touch; } .author-bio .author-avatar { float: left; margin: 0 15px 0 0; } .author-bio .author-avatar img { background-color: #fff; border-radius: 100%; } .author-bio .author-name { margin: 0 0 0.85em; padding: 0; font-family: 'Poppins'; font-size: 0.95em; font-weight: 500; letter-spacing: 0.02em; } .author-posts-by { margin: 0 0 1.5em; padding: 1em 0 0; font-size: 1.4em; text-transform: uppercase; border-top: solid 4px #ccc; border-color: rgba(118,118,118,.3); } /* PAGINATION ================================================ */ .pagenav { clear: both; display: block; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 1.05em; margin-top: 3.5em; margin-bottom: 2.35em; float: right; background-color: #1abbc5; color: #fff; padding: 1.7em 0 0.1em; } .pagenav a, .pagenav span { color: inherit; float: left; text-align: center; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 1.65em; line-height: 1.9em; margin: 0 0.15em; padding-bottom: 1em; } .pagenav a:hover, .pagenav span:hover { color: inherit; } .pagenav a:after, .pagenav .current:after { content: ''; border-bottom: 2px solid transparent; width: 100%; display: block; color: inherit; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pagenav a:hover:after, .pagenav .current:after { border-bottom-color: inherit; } .pagenav .prev, .pagenav .next, .pagenav a[title] { line-height: inherit; padding-left: 2.55em; padding-right: 2.6em; position: relative; padding-bottom: 3.45em; } .pagenav a[title]:first-child { padding-right: 2.5em; } .pagenav a[title]:last-child { padding-left: 1.4em; } .pagenav .prev:after, .pagenav .next:before, .pagenav a[title]:first-child:after, .pagenav a[title]:last-child:before { content: ''; border-right: 1px solid #e7f6f7; position: absolute; height: 152%; top: 0; right: 47%; margin-top: -1.7em; -webkit-transform: skewX(-43deg); -moz-transform: skewX(-43deg); transform: skewX(-43deg); } .pagenav .next:before, .pagenav a[title]:last-child:before { right: auto; } .pagenav .prev:before, .pagenav a[title]:first-child:before { content: '\e629'; font-family: themify; position: absolute; left: 6px; top: -17px; font-size: 1.95em; } .pagenav .prev:hover:before, .pagenav a[title]:first-child:hover:before { -webkit-animation: pagenav-prev-arrow 1s infinite;/* Chrome, Safari, Opera */ -webkit-animation-timing-function: linear;/* Chrome, Safari, Opera */ animation: pagenav-prev-arrow 1s infinite; animation-timing-function: linear; } .pagenav .next:after, .pagenav a[title]:last-child:after { content: '\e628'; font-family: themify; position: absolute; right: 6px; bottom: 12px; font-size: 1.95em; width: auto; border: none; } .pagenav .next:hover:after, .pagenav a[title]:last-child:hover:after { -webkit-animation: pagenav-next-arrow 1s infinite;/* Chrome, Safari, Opera */ -webkit-animation-timing-function: linear;/* Chrome, Safari, Opera */ animation: pagenav-next-arrow 1s infinite; animation-timing-function: linear; } .pagenav a:first-child:not(.prev), .pagenav span.current:first-child { padding-left: 2em; min-width: 3.65em; } .pagenav a:last-child:not(.next), .pagenav span.current:last-child { padding-right: 2em; min-width: 4em; } /************************************************************************************ 7. POST *************************************************************************************/ /* GENERIC POST ================================================ */ .post { margin-bottom: 1.15em; } /* post content */ .post-content { min-width: 120px; position: relative; } /* post title */ .post-title { font-size: 3.4em; font-family: 'Playfair Display'; font-weight: bold; font-style: normal; line-height: 1.1em; margin: 0 0 .5em; padding: 0; } .post-title a { text-decoration: none; color: #000; } .post-title a:hover { color: #7793b3; } /* post image */ .post-image { margin: 0; position: relative; overflow: hidden; } .loops-wrapper .post-image img, .single-post .post-image img, .svg-image { vertical-align: bottom; -webkit-clip-path: url("#themifyClip"); clip-path: url("#themifyClip"); -webkit-clip-path: polygon(0 16%, 100% 0%, 100% 84%, 0 100%); clip-path: polygon(0 16%, 100% 0%, 100% 84%, 0 100%); } .loops-wrapper.zig-zag .post:nth-of-type(even) .post-image img, .loops-wrapper.zig-zag .post:nth-of-type(even) .svg-image { -webkit-clip-path: url("#themifyClipReverse"); clip-path: url("#themifyClipReverse"); -webkit-clip-path: polygon(0 0, 100% 16%, 100% 100%, 0 84%); clip-path: polygon(0 0, 100% 16%, 100% 100%, 0 84%); } .loops-wrapper.portfolio .post-image img, .loops-wrapper.portfolio .svg-image { clip-path: none; -webkit-clip-path: none; } .post-media-svg{ height: 1160px; width: 100%; } .clip-svg, .post-media-svg+img{ display:none; } .list-post .post-image img, .single-post .post-image img { width: 100%; } .post-image.left { float: left; margin-right: 1em; } .post-image.right { float: right; margin-left: 1em; } /* post meta */ .post-meta { margin: 0 0 1em; padding: 0; position: relative; text-align: right; } /* post date */ .post-date { color: #fff; display: inline-block; width: 115px; height: 115px; margin: 0; text-align: center; padding: 7px 0; border-radius: 100%; background: #1abbc5; background: -moz-linear-gradient(-42deg, #1abbc5 0%, #2dbc81 100%); background: -webkit-linear-gradient(-42deg, #1abbc5 0%,#2dbc81 100%); background: linear-gradient(138deg, #1abbc5 0%,#2dbc81 100%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0.8; float: left; } .post-date span { display: block; line-height: normal; } .post-date .day { font-family: 'Playfair Display', serif; font-weight: bold; font-size: 1.9em; } .post-date .month { font-weight: bold; font-size: 0.9em; text-transform: uppercase; } .post-date .year { font-weight: bold; font-size: 0.9em; } .has-post-thumbnail .post-date { position: absolute; left: 0; top: 0; margin-left: 45px; margin-top: -43px; } /* post author */ .post-author { font-size: 1.2em; vertical-align: middle; font-family: 'Playfair Display'; font-style: italic; } .post-author a { color: inherit; } /* post tag */ .post-tag { display: block; font-size: .65em; text-transform: uppercase; } .post-tag a { opacity: .7; color: inherit; } .post-tag a:hover { opacity: .9; } /* post category */ .post-cattag-wrapper { display: inline-block; vertical-align: middle; padding: .4em 0 .4em 1.2em; position: relative; line-height: 1.4em; } .post-cattag-wrapper:before { content: ''; display: block; vertical-align: text-top; border-left: 1px solid rgba(0,0,0,.15); width: 0; height: 100%; -webkit-transform: skewX(-15deg); -moz-transform: skewX(-15deg); transform: skewX(-15deg); margin: 0 0.65em 0 0.5em; position: absolute; left: 0; top: 0; } /* post comment */ .post-comment { font-weight: bold; font-size: 1.25em; text-align: center; margin-left: .8em; display: inline-block; vertical-align: middle; } .post-comment a { border: 1px solid #ddd; border-radius: 100%; display: inline-block; vertical-align: top; width: 59px; height: 59px; line-height: 59px; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; white-space: nowrap; } /* more link */ .more-link { font-size: 0.825em; font-weight: 600; padding: .1em 0 .1em 1.5em; text-transform: uppercase; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; display: inline-block; } .more-link:before { content: ''; display: block; vertical-align: text-top; border-left: 1px solid rgba(0,0,0,.15); width: 0; height: 100%; -webkit-transform: skewX(-15deg); -moz-transform: skewX(-15deg); transform: skewX(-15deg); margin: 0 0.65em 0 0.5em; position: absolute; left: 0; top: 0; } /* LIST POST ================================================ */ .loops-wrapper.list-post .post-title { margin-bottom: 0.7em; } .loops-wrapper.list-post .has-post-thumbnail .post-meta, .single-post .has-post-thumbnail .post-meta { margin: -7% 0 9%; } .sidebar1 .loops-wrapper.list-post .has-post-thumbnail .post-meta, .sidebar1.single-post .has-post-thumbnail .post-meta { margin-top: -5%; } .has-post-thumbnail .post-date { margin-top: 0; } /* GRID4 POST ================================================ */ .loops-wrapper.grid4 .post { margin-bottom: 2.5em; } .loops-wrapper.grid4 .post-title { font-size: 1.7em; } .loops-wrapper.grid4 .entry-content { font-size: .9em; line-height: 1.7em; } .loops-wrapper.grid4 .post-image img { width: 100%; } .loops-wrapper.grid4 .post-meta .post-author, .loops-wrapper.grid4 .post-meta .post-cattag-wrapper { font-size: 0.8em; } .loops-wrapper.grid4 .post-date { width: 58px; height: 58px; font-size: 0.55em; padding-top: 0; } .loops-wrapper.grid4 .has-post-thumbnail .post-date { margin-top: -38px; margin-left: 10px; } .loops-wrapper.grid4 .has-post-thumbnail .post-comment { position: absolute; bottom: 100%; right: 0; margin: 0; margin-right: 11px; margin-bottom: 8px; } .loops-wrapper.grid4 .post-comment a { background-color: #fff; margin: 0; width: 45px; height: 45px; line-height: 40px; } .loops-wrapper.grid4 .social-share-wrap, .loops-wrapper.grid3 .social-share-wrap, .loops-wrapper.grid2 .social-share-wrap { font-size: 0.6em; } .loops-wrapper.grid4 .social-share .sharrre .share:before, .loops-wrapper.grid3 .social-share .sharrre .share:before, .loops-wrapper.grid2 .social-share .sharrre .share:before { width: 35px; height: 35px; line-height: 35px; } .loops-wrapper.grid4 .post-comment a { width: 35px; height: 35px; line-height: 35px; font-size: 0.8em; } /* GRID3 POST ================================================ */ .loops-wrapper.grid3 .post { margin-bottom: 3.1em; } .loops-wrapper.grid3 .post-title { font-size: 2.4em; } .loops-wrapper.grid3 .post-image img { width: 100%; } .loops-wrapper.grid3 .post-meta .post-author, .loops-wrapper.grid3 .post-meta .post-cattag-wrapper { font-size: 0.8em; } .loops-wrapper.grid3 .post-date { width: 58px; height: 58px; font-size: 0.55em; padding-top: 0; } .loops-wrapper.grid3 .has-post-thumbnail .post-date { margin-top: -38px; margin-left: 10px; } .loops-wrapper.grid3 .has-post-thumbnail .post-comment { position: absolute; bottom: 100%; right: 0; margin: 0; margin-right: 11px; margin-bottom: 8px; } .loops-wrapper.grid3 .post-comment a { background-color: #fff; margin: 0; width: 45px; height: 45px; line-height: 40px; } /* GRID2 POST ================================================ */ .loops-wrapper.grid2 .post { margin-bottom: 3.7em; } .loops-wrapper.grid2 .post-title { font-size: 2.6em; } .loops-wrapper.grid2 .post-image img { width: 100%; } .loops-wrapper.grid2 .post-date { width: 58px; height: 58px; font-size: 0.55em; padding-top: 0; } .loops-wrapper.grid2 .has-post-thumbnail .post-date { margin-top: -38px; margin-left: 10px; } .loops-wrapper.grid2 .has-post-thumbnail .post-comment { position: absolute; bottom: 100%; right: 0; margin: 0; margin-right: 11px; margin-bottom: 8px; } .loops-wrapper.grid2 .post-comment a { background-color: #fff; margin: 0; width: 45px; height: 45px; line-height: 40px; } /* GRID2-THUMB POST ================================================ */ .loops-wrapper.grid2-thumb .post { width: 48.4%; margin-left: 3.2%; float: left; } .loops-wrapper.grid2-thumb .post-title { font-size: 2.6em; } .loops-wrapper.grid2-thumb .post-image { width: 20%; float: left; margin: 0 1.6em 1.3em 0; } .loops-wrapper.grid2-thumb .post-content { overflow: hidden; min-width: 120px; } /* LIST-THUMB-IMAGE POST ================================================ */ .loops-wrapper.list-thumb-image .post { clear: both; /* require for FF */ } .loops-wrapper.list-thumb-image .post-image { width: 20%; float: left; margin: 0 1.4em 1em 0; } .loops-wrapper.list-thumb-image .post-image img { width: 100%; } .loops-wrapper.list-thumb-image .post-content { overflow: hidden; } .loops-wrapper.list-thumb-image .post-video { width: 20%; float: left; margin: 0 1.4em 1em 0; padding-bottom: 12.25%; } .loops-wrapper.list-thumb-image .post-video .post-video { /* reset inner video wrapper */ width: 100%; float: none; padding: 0; margin: 0; display: block; position: static; } /* LIST-LARGE-IMAGE POST ================================================ */ .loops-wrapper.list-large-image .post-image { max-width: 70%; float: left; margin: 0 2em 1.3em 0; } /* SLIDER POST ================================================ */ .loops-wrapper.slider { position: relative; margin: 0 0 50px; } .loops-wrapper .slideshow-wrap { height: 0; /* will be toggled with js */ visibility: hidden; /* will be toggled with js */ /* remove this on final because it will be toggled with js */ height: auto; visibility: visible; /* end remove */ } .loops-wrapper.slider .post { width: 100%; float: left; margin-left: 0; margin-bottom: 0; text-align: left; position: relative; margin: 0 0 15px; min-height: 40px; } .loops-wrapper.slider .post-image { width: auto; float: none; margin: 0; } .loops-wrapper.slider .post-image img { width: 100%; vertical-align: bottom; } .loops-wrapper.slider .post-image .lightbox .zoom { display: none; } .loops-wrapper.slider .post-title { font-size: 1.8em; line-height: 1.2em; margin: 0 0 0.313em; } .loops-wrapper.slider .post-date { margin: 0; } .loops-wrapper.slider .post-content { position: absolute; bottom: 0; width: 90%; min-height: 40px; padding: 15px 5%; overflow: visible; margin: 0 auto; background-color: rgba(0,0,0,.6); font-size: .9em; line-height: 1.5em; color: #eee; } .loops-wrapper.slider .post-content a { color: #fff !important; } /* reset slider shortcode in framework css */ .shortcode.post-slider .carousel-prev, .shortcode.slider .carousel-prev, .shortcode.post-slider .carousel-next, .shortcode.slider .carousel-next { border-radius: 0; border: 0; text-shadow: none; margin: 0; box-shadow: none; background-image: none; } /* slider carousel controls */ .loops-wrapper.slider .carousel-wrap { position: relative; } .loops-wrapper.slider .carousel-nav-wrap { width: 100% !important; } .loops-wrapper.slider .carousel-nav-wrap .carousel-prev, .loops-wrapper.slider .carousel-nav-wrap .carousel-next { position: absolute; top: 30%; display: block; width: auto !important; height: auto !important; float: left; font-size: 0; text-indent: -900em; text-decoration: none; color: #fff; background-color: rgba(0,0,0,.3); padding: 5% 2.5%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .loops-wrapper.slider .carousel-nav-wrap .carousel-prev { border-top-right-radius: 6px; border-bottom-right-radius: 6px; left: 0; } .loops-wrapper.slider .carousel-nav-wrap .carousel-next { border-top-left-radius: 6px; border-bottom-left-radius: 6px; right: 0; } .loops-wrapper.slider .carousel-nav-wrap .carousel-prev:hover, .loops-wrapper.slider .carousel-nav-wrap .carousel-next:hover { color: #fff; background-color: rgba(0,0,0,.5); } .loops-wrapper.slider .carousel-nav-wrap .carousel-prev:hover { padding-left: 4%; } .loops-wrapper.slider .carousel-nav-wrap .carousel-next:hover { padding-right: 4%; } /* carousel prev/next arrow */ .loops-wrapper.slider .carousel-nav-wrap .carousel-next:before, .loops-wrapper.slider .carousel-nav-wrap .carousel-prev:before { width: 100%; text-align: center; content: '\f054'; font-family: FontAwesome; display: block; font-style: normal; font-weight: normal; text-decoration: none; text-align: center; font-size: 18px; line-height: 100%; position: absolute; left: 0; top: 45%; } /* carousel pager */ .loops-wrapper.slider .carousel-pager { clear: both; text-align: center; line-height: 100%; width: auto; } .loops-wrapper.slider .carousel-pager a { text-indent: -900em; width: 8px; height: 8px; display: inline-block; vertical-align: middle; margin: 2px 3px 0; background-color: #ccc; background-color: rgba(0,0,0,.2); border: solid 2px #666; border-radius: 100%; cursor: pointer; } .loops-wrapper.slider .carousel-pager a.selected { background-color: #fff; border-color: #ccc; } /* NO-GUTTER POST ================================================ */ .loops-wrapper.no-gutter.grid4 { margin: 0 0 3em; } .loops-wrapper.no-gutter.grid4 .post { margin: 0; width: 25%; } .loops-wrapper.no-gutter.grid3 .post { margin: 0; width: 33.33%; } .loops-wrapper.no-gutter.grid2 .post { width: 50%; margin: 0; } .loops-wrapper.no-gutter.list-post .post { padding: 0; width: 100%; } .loops-wrapper.slider.no-gutter .post { margin-left: 0; margin-right: 0; } .loops-wrapper.no-gutter .post-image img { width: 100%; } .loops-wrapper.no-gutter .post-content { padding-left: 9%; padding-right: 9%; } /* ZIG ZAG POST ================================================ */ .loops-wrapper.zig-zag .post-title { font-size: 3.5em; } .loops-wrapper.zig-zag .post .post-image-wrap { width: 60%; float: left; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .loops-wrapper.zig-zag .post .post-content { width: 36%; float: right; -webkit-box-sizing: border-box; box-sizing: border-box; } .loops-wrapper.zig-zag .post:not(.has-post-thumbnail) .post-content { width: 100%; padding: initial; } .loops-wrapper.zig-zag .post:nth-of-type(even) .post-image-wrap { float: right; } .loops-wrapper.zig-zag .post:nth-of-type(even) .post-content { float: left; } .loops-wrapper.zig-zag .has-post-thumbnail .post-meta { padding: initial; margin: -2.6em 0 0; } .loops-wrapper.zig-zag .post-date { position: static; margin-top: -10px } .loops-wrapper.zig-zag .post-comment { position: static; margin-right: 0; } .loops-wrapper.zig-zag .has-post-thumbnail.post:nth-of-type(even) .post-meta { direction: rtl; text-align: left; } .loops-wrapper.zig-zag .has-post-thumbnail.post:nth-of-type(even) .post-date { float: right; margin-left: 0; margin-right: 45px; } .loops-wrapper.zig-zag .has-post-thumbnail.post:nth-of-type(even) .post-meta .post-comment { margin-left: 0.3em; margin-right: 0.3em; } .loops-wrapper.zig-zag .has-post-thumbnail.post:nth-of-type(even) .post-meta .post-cattag-wrapper { padding-left: 0; padding-right: 1.2em; } .loops-wrapper.zig-zag .has-post-thumbnail.post:nth-of-type(even) .post-meta .post-cattag-wrapper:before { left: auto; right: 0; } /* PORTFOLIO POST ================================================ */ .portfolio-filter-wrap { background-color: #2c3f55; color: #1abbc5; width: 100%; height: 193px; position: relative; } .portfolio-filter-wrap:before { content: ''; display: block; border-left: 1px solid #eef0f2; height: 100%; width: 1px; position: absolute; left: 50%; -webkit-transform: skew(-45deg); -moz-transform: skew(-45deg); transform: skew(-45deg); } /* Post Filter */ .post-filter { margin: 0; line-height: normal; padding: 22px 0 0 26px; float: left; font-size: 0.9em; font-family: 'Poppins'; font-weight: 600; } .post-filter li { display: block; margin: 0; line-height: 1.9em; position: relative; padding-left: 24px; } .post-filter li a { color: inherit; text-decoration: none; text-transform: uppercase; letter-spacing: 0.09em; } .post-filter li a:before { content: "\e628"; font-family: "themify"; font-size: 1.2em; color: #1abbc5; position: absolute; left: 0; top: -2px; opacity: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); } .post-filter li:hover > a:before { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } .post-filter li.active a:before { content: '\e646'; opacity: 1; -webkit-transform: translateX(0) rotateZ(90deg); -moz-transform: translateX(0) rotateZ(90deg); transform: translateX(0) rotateZ(90deg); } .post-filter-title { position: absolute; bottom: 5%; right: 5%; width: 55%; font-family: 'Playfair Display'; font-weight: 700; font-size: 2em; font-style: italic; color: #fefefe; line-height: 1.1em; } .portfolio .post-image:before, .portfolio .post-image:after { display: none; } .loops-wrapper.portfolio .post { margin: 0; position: relative; overflow: hidden; font-size: 0.75em; } .loops-wrapper.portfolio.grid4 .post{ width: 25%; } .loops-wrapper.portfolio.grid3 .post { width: 33%; } .loops-wrapper.portfolio.grid5 .post { width: 20%; font-size: .6em; } .loops-wrapper.portfolio .post-image img { width: 100%; } .loops-wrapper.portfolio .post > .post-image { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .loops-wrapper.portfolio .post:hover > .post-image { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } .loops-wrapper.portfolio .post-image + .post-content { background-color: #2c3f55; background-color: rgba(44, 63, 85, 0.8); color: #fbfcfc; top: 0; bottom: 0; left: 0; right: 0; position: absolute; overflow: hidden; text-align: center; padding: 17px; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .loops-wrapper.portfolio .post:hover > .post-image + .post-content { opacity: 1; } .portfolio .post-content-inner-wrapper { display: table; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid transparent; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); transform: scale(1.5); overflow: hidden; } .portfolio .post-content-inner { display: table-cell; vertical-align: middle; } .portfolio-post:hover .post-content-inner-wrapper { border-color: #7793b3; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .loops-wrapper.portfolio .has-post-thumbnail .post-title { font-size: 2.1em; letter-spacing: normal; color: inherit; } .loops-wrapper.portfolio .has-post-thumbnail .post-title a { color: inherit; } .loops-wrapper.portfolio .post-meta { font-family: 'Poppins'; font-weight: 600; text-align: center; text-transform: uppercase; margin: 0 0 0.5em; } .loops-wrapper.portfolio .has-post-thumbnail .post-meta { margin: 0 0 0.5em; /* reset blog meta */ } .loops-wrapper.portfolio .post-meta, .loops-wrapper.portfolio .post-title, .loops-wrapper.portfolio .entry-content, .loops-wrapper.portfolio .edit-button{ z-index: 12; position: relative; } .loops-wrapper.portfolio .post-meta .post-category { letter-spacing: 0.07em; } .loops-wrapper.portfolio .entry-content { max-width: 76%; margin-left: auto; margin-right: auto; margin-top: 0.5em; display: block; font-size: 0.85em; line-height: normal; } .loops-wrapper.portfolio .more-link { font-size: 0.825em; padding: .5em 1.6em; } .portfolio .post-cattag-wrapper:before { display: none; } .loops-wrapper.portfolio .post-meta .post-category a:hover, .loops-wrapper.portfolio .more-link:hover { color: #f4dd3f; } /* Portfolio Post Sizes */ .loops-wrapper.portfolio.grid4 .post.size-large { width: 50%; font-size: 1em; } .loops-wrapper.portfolio.grid3 .post.size-large{ width:66%; } .loops-wrapper.portfolio.grid5 .post.size-large{ width:40%; } .loops-wrapper.portfolio .post.size-small .entry-content { font-size: 1.1em; } .loops-wrapper.portfolio .post.size-small .post-meta { margin-top: auto; margin-bottom: 0.3em; } /************************************************************************************ AUTHOR BOX *************************************************************************************/ .author-box { margin: 15px 0; border: none; } .author-box .author-avatar { float: left; margin: 0 30px 5px 0; } .author-box .author-avatar img { border-radius: 100%; } .author-box .author-name { margin: 0 0 0.85em; } /************************************************************************************ POST PAGINATION (the tag) *************************************************************************************/ .post-pagination { text-align: right; margin: .5em 0 2em; } .post-pagination strong { margin-right: 3px; } .post-pagination a { margin-left: 3px; margin-right: 3px; } /************************************************************************************ POST NAVIGATION *************************************************************************************/ .post-nav { margin: 0 0 1.75em; padding: 0; color: #fff; clear: both; font-family: 'Playfair Display'; font-weight: 900; font-size: 1.6em; position: relative; overflow: hidden; } .post-nav .prev, .post-nav .next { width: 50%; padding: 3em 41px; position: relative; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; background-size: cover; background-position: center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; overflow: hidden; } .post-nav .prev { float: left; padding-left: 78px; } .post-nav .next { float: right; text-align: right; padding-right: 78px; } .post-nav .prev:before, .post-nav .next:before { content: ''; display: block; background-color: #000; opacity: .25; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .post-nav .prev:hover, .post-nav .next:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } /* post nav link */ .post-nav a { color: inherit; display: inline-block; letter-spacing: 0.015em; line-height: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; text-decoration: none; } .post-nav span:hover > a { color: #f4dd3f; } /* post nav arrow */ .post-nav .next .arrow { float: right; } .post-nav .next .arrow:before, .post-nav .prev .arrow:before { font-family: themify; font-size: 1.9em; top: 50%; position: absolute; font-style: normal; font-weight: normal; text-decoration: none; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .post-nav .next .arrow:before { content: '\e649'; right: 6%; } .post-nav .prev .arrow:before { content: '\e64a'; left: 6%; } .post-nav .next:hover .arrow:before { -webkit-animation: next-arrow 1s infinite;/* Chrome, Safari, Opera */ -webkit-animation-timing-function: linear;/* Chrome, Safari, Opera */ animation: next-arrow 1s infinite; animation-timing-function: linear; } .post-nav .prev:hover .arrow:before { -webkit-animation: prev-arrow 1s infinite;/* Chrome, Safari, Opera */ -webkit-animation-timing-function: linear;/* Chrome, Safari, Opera */ animation: prev-arrow 1s infinite; animation-timing-function: linear; } /************************************************************************************ COMMENTS *************************************************************************************/ .commentwrap { margin: 2.25em 0 1.25em; position: relative; clear: both; } /* comment title */ .comment-title, .comment-reply-title { font-family: 'Poppins'; font-weight: 600; font-size: 1.4em; font-style: normal; color: #6faf24; margin: 0 0 0.625em; padding: 0; text-transform: uppercase; letter-spacing: 0.07em; } /* comment pagenav */ .commentwrap .pagenav { margin: 10px 0; border: none; box-shadow: none; } .commentwrap .pagenav.top { margin: 0; position: absolute; top: 0; right: 0; background-color: transparent; color: inherit; padding: inherit; } .commentwrap .pagenav.bottom { background-color: transparent; color: inherit; padding: inherit; } .pagenav.bottom .prev, .pagenav.bottom .next, .pagenav.bottom a[title], .pagenav.top .prev, .pagenav.top .next, .pagenav.top a[title] { padding: inherit; } .pagenav.bottom .prev:before, .pagenav.bottom a[title]:first-child:before, .pagenav.bottom .next:after, .pagenav.bottom a[title]:last-child:after, .pagenav.top .prev:before, .pagenav.top a[title]:first-child:before, .pagenav.top .next:after, .pagenav.top a[title]:last-child:after { position: static; } .pagenav.bottom .prev:after, .pagenav.bottom .next:before, .pagenav.bottom a[title]:first-child:after, .pagenav.bottom a[title]:last-child:before, .pagenav.top .prev:after, .pagenav.top .next:before, .pagenav.top a[title]:first-child:after, .pagenav.top a[title]:last-child:before { display: none; } /* commentlist */ .commentlist { margin: 3.25em 0 30px; padding: 5px 0 0; } .commentlist li { margin: 0; padding: 3.45em 0 0.8em; list-style: none; position: relative; } .commentlist > li:first-child { padding-top: 0; } .commentlist > li:first-child:before { display: none; } .commentlist li:before { content: ''; display: block; border-bottom: 1px solid #dddddd; -webkit-transform: rotateZ(-3.5deg); -moz-transform: rotateZ(-3.5deg); transform: rotateZ(-3.5deg); -webkit-transform-origin: bottom; -moz-transform-origin: bottom; transform-origin: bottom; position: absolute; top: 0; width: 100%; } .commentlist li:nth-child(even):before { -webkit-transform: rotateZ(3.5deg); -moz-transform: rotateZ(3.5deg); transform: rotateZ(3.5deg); } .commentlist .comment-author { margin: 2px 0 5px; padding: 0; } .commentlist .comment-author br { display: none; } .commentlist .avatar { float: left; margin: 5px 42px 0 0; border-radius: 100%; width: 95px; height: 95px; } .commentlist cite { font-family: 'Open Sans', sans-serif; font-style: normal; font-size: 1.2em; font-weight: normal; letter-spacing: 0.01em; margin: 0 0 0.25em; display: block; } .commentlist cite a { text-decoration: none; } .commentlist .bypostauthor > .comment-author cite:before { content: '\f02e'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; margin-right: 12px; } .commentlist .comment-time { font-size: 0.8em; font-family: 'Poppins', sans-serif; letter-spacing: -0.015em; } .commentlist .commententry { position: relative; min-height: 75px; overflow: hidden; word-wrap: break-word; clear: right; } .commentlist ul, .commentlist ol { margin: 0 0 0 7%; padding: 0; } /* reply link */ .commentlist .reply { position: absolute; right: 0; top: 112px; top: 2.65%; } .commentlist li:nth-child(even) .reply { top: 50px; } .commentlist .comment-reply-link { font-family: 'Poppins'; font-weight: 600; font-size: 1.0275em; display: inline-block; text-transform: uppercase; letter-spacing: 0.03em; line-height: 1em; } .commentlist .comment-reply-link:before { content: ''; display: inline-block; vertical-align: top; height: 1.5em; border-left: 1px solid #e7e7e7; margin-right: 0.8em; -webkit-transform: skewX(41deg); -moz-transform: skewX(41deg); transform: skewX(41deg); } .commentlist .comment-reply-link:hover { text-decoration: none; } .commentlist > li:first-child .reply { top: 0; } .commentlist li #respond { padding-bottom: 4%; } /* COMMENT FORM ================================================ */ #respond { margin: 0; padding: 10px 0 0; position: relative; clear: both; } #respond #cancel-comment-reply-link { position: absolute; top: 12px; right: 0; font-size: 1em; line-height: 100%; text-transform: uppercase; text-decoration: none; display: block; } #respond #cancel-comment-reply-link:hover { color: #fb4e55; } #respond #cancel-comment-reply-link:before, #respond #cancel-comment-reply-link:after { content: ''; display: inline-block; border-top: 1px solid; width: 1.2em; position: absolute; left: -25px; top: 7px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #respond #cancel-comment-reply-link:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } #respond #cancel-comment-reply-link:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } #respond #cancel-comment-reply-link:hover:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(135deg); } #respond #cancel-comment-reply-link:hover:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } #commentform { margin: 0.9em 0 0; } #commentform input[type=text] { margin-right: 5px; } #commentform label { font-weight: bold; display: none; } #commentform label small { font-weight: normal; } #commentform p { margin: 0 0 1em; } #commentform p:not(.logged-in-as):nth-of-type(1), #commentform p:not(.comment-form-comment):nth-of-type(2) { width: 50%; float: left; box-sizing: border-box; } #commentform p:not(.logged-in-as):nth-of-type(3) { clear: both; } #commentform p:nth-of-type(1) { padding-right: 2%; } #commentform p:not(.comment-form-comment):nth-of-type(2) { padding-left: 2%; } #commentform input[type=text], #commentform input[type=email], #commentform input[type=url] { width: 100%; max-width: none; } /************************************************************************************ POST VIDEO (css for fluid video) *************************************************************************************/ .post-video, .embed-youtube { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 15px; } .post-video iframe, .post-video object, .post-video embed, .embed-youtube iframe, .embed-youtube object, .embed-youtube embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /************************************************************************************ MASONRY LAYOUT *************************************************************************************/ .masonry-done.loops-wrapper.grid4 .type-post, .masonry-done.loops-wrapper.grid3 .type-post, .masonry-done.loops-wrapper.grid2 .type-post, .masonry-done.loops-wrapper.grid4 .type-portfolio, .masonry-done.loops-wrapper.grid3 .type-portfolio, .masonry-done.loops-wrapper.grid2 .type-portfolio { margin-right: 0; margin-left: 0; } .masonry-enabled .list-post .grid-sizer { width: 100%; } .masonry-enabled .list-post .gutter-sizer{ width: 0%; } .masonry-enabled .grid4 .grid-sizer { width: 22.6%; } .masonry-enabled .grid3 .grid-sizer { width: 31.2%; } .masonry-enabled .grid2 .grid-sizer { width: 48.4%; } .masonry-enabled .gutter-sizer{ width: 3.19%; } .masonry-enabled .grid4.no-gutter .grid-sizer { width: 25%; } .masonry-enabled .grid3.no-gutter .grid-sizer { width: 33.333333333%; } .gecko.masonry-enabled .grid3.no-gutter .grid-sizer { width: 33.3332%; /* fix grid3 in Firefox */ } .masonry-enabled .grid2.no-gutter .grid-sizer { width: 50%; } .masonry-enabled .no-gutter .gutter-sizer{ width: 0%; } /* portfolio masonry size */ .loops-wrapper.portfolio.masonry-layout .portfolio-post.size-small, .loops-wrapper.portfolio .gutter-sizer { width: 25%; } .loops-wrapper.portfolio.masonry-layout .portfolio-post.size-small .post-title { font-size: 1.6em; } /* portfolio masonry align post-image & post-content */ .loops-wrapper.portfolio.masonry-layout .image-left .post-image { float: left; } .loops-wrapper.portfolio.masonry-layout .image-right .post-image { float: right; } .loops-wrapper.portfolio.masonry-layout .image-left .post-content { float: right; } .loops-wrapper.portfolio.masonry-layout .image-right .post-content { float: left; } /************************************************************************************ 7.1 PORTFOLIO POST TYPE *************************************************************************************/ .single-portfolio #content, .single-portfolio #sidebar { padding-top: 4%; } .single-portfolio .featured-area, .single-portfolio .post { position: relative; } .single-portfolio .post-image { margin: 0; } .single-portfolio .post-image:before, .single-portfolio .post-image:after { display: none; } .single-portfolio .featured-area img { width: 100%; display: block; } .single-portfolio .project-meta { padding-left: 35px; background-color: #2c3f55; opacity: 0.8; color: #fff; font-size: 0.9em; font-family: 'Open Sans', serif; position: absolute; bottom: 0; } .single-portfolio .project-meta:after { content: ''; display: block; height: 100%; width: 55px; background-color: #2c3f55; position: absolute; left: 100%; top: 0; -webkit-transform-origin: left top; -moz-transform-origin: left top; transform-origin: left top; -webkit-transform: skewX(-29deg); -moz-transform: skewX(-29deg); transform: skewX(-29deg); } .project-date, .project-client, .project-services, .project-view { display: inline-block; margin: 0 3.15em 0 0; padding: 1.2em 0; font-weight: 300; letter-spacing: 0.025em; } .project-date strong, .project-client strong, .project-services strong, .project-view strong { color: #3ac5cd; display: block; font-size: 0.925em; font-weight: 700; letter-spacing: 0.015em; margin-bottom: 0; text-transform: uppercase; } .single-portfolio .post-title { font-size: 4.2em; letter-spacing: -0.035em; margin-bottom: 0.6em; } /************************************************************************************ 8. SIDEBAR *************************************************************************************/ .widget { margin: 0 0 3em; } .widgettitle { color: #6faf24; font-family: 'Poppins'; font-weight: 600; font-size: 1.2em; font-style: normal; text-transform: uppercase; letter-spacing: 0.07em; margin: 0 0 1em; padding: 0; } .widget ul { margin: 0; padding: 0; } .widget li { margin: 0; padding: .4em 0; list-style: none; clear: both; } .widget ul ul { margin: 6px 0 -6px 0px; padding: 0; border-top: none; } .widget ul ul li { margin: 0; padding-left: 10px; } /************************************************************************************ 8.1 WIDGET STYLES *************************************************************************************/ /* calendar widget */ .widget #wp-calendar { width: 100%; } .widget #wp-calendar caption { font-weight: bold; padding-bottom: 10px; } .widget #wp-calendar td { width: 31px; padding: 4px 2px; text-align: center; } /* recent post widget */ .widget_recent_entries .post-date { display: block; font-size: .95em } /* feature posts widget */ .widget .feature-posts-list li { margin: 0 0 .5em; } .widget .feature-posts-list br { display: none; } .widget .feature-posts-list .post-img { margin: 0.5em 1.2em 1em 0; float: left; } .widget .feature-posts-list small { font-size: 90%; display: block; margin: 0 0 .3em; } .widget .feature-posts-list .feature-posts-title { margin: 0 0 .2em; display: inline-block; font-size: 1.1em; max-width: 70%; } .widget .feature-posts-list .post-excerpt { display: block; } /* twitter widget */ .widget .twitter-list li { padding: 0; margin: 0 0 1.2em; } .widget .twitter-list .twitter-timestamp { font-style: italic; display: block; padding-top: .4em; } .widget .follow-user { margin: 0; padding: 5px 0; } /* links widget */ .widget .links-list img, .widget_links img { vertical-align: middle; } /* recent comments widget */ .recent-comments-list .avatar { margin-right: 12px; float: left; } /* flickr widget */ .widget .flickr_badge_image { width: 65px; height: 65px; float: left; margin-right: 30px; margin-top: 24px; } .widget .social-links i:first-child { padding-left: 0; } /* search widget */ #searchform { position: relative; } #searchform #s { width: 100%; box-sizing: border-box; padding: 20px 45px 22px 29px; margin: 0; } #searchform .icon-search:before { content: "\f002"; font-family: FontAwesome; font-style: normal; font-size: 1.25em; position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } /* add white bg to facebook badge iframe */ iframe[src*="facebook"] { background-color: #fff; } /* reset twitter embed max-width to 100% */ #content .twitter-tweet-rendered { max-width: 100% !important; } #content .twt-border { max-width: 100% !important; min-width: 180px !important; } /************************************************************************************ 9. FOOTER *************************************************************************************/ #footerwrap { clear: both; padding-top: 2em; } /* footer logo */ .footer-logo-wrapper { text-align: center; } #footer-logo { font-family: 'Poppins'; font-size: 2.65em; font-weight: bold; text-transform: uppercase; padding: 0; margin: 0.6em 0 0.75em; letter-spacing: -0.04em; line-height: normal; } #footer-logo a { color: inherit; } /* footer widgets */ .footer-widgets { clear: both; margin: 0 10%; } .footer-widgets .widget { margin-bottom: 2.5em; } .footer-widgets .widgettitle { text-transform: none; letter-spacing: normal; margin-bottom: 0.7em; color: #31373c; } /* footer text */ .footer-text { border-top: 1px solid #ddd; clear: both; color: #999; font-size: 0.75em; padding: 3.1em 0; text-align: center; letter-spacing: 0.02em; margin: 0 20%; } .footer-text a { color: inherit; } /************************************************************************************ SOCIAL SHARE SHORTCODE *************************************************************************************/ .social-share-wrap { display: block; margin: 0 0 .9em; } /* sharrre container */ .social-share { display: inline-block; clear: both; z-index: 99; } .social-share .sharrre { display: inline-block; text-align: center; float: left; font-size: 1.6em; margin-left: -1px; } .sharrre .count, .sharrre .share span { display: none; } .sharrre .share { float: none; display: inline-block; vertical-align: middle; } .social-share .twitter-share.sharrre .share:before { content: "\f099"; } .social-share .facebook-share.sharrre .share:before { content: "\f09a"; } .social-share .googleplus-share.sharrre .share:before { content: "\f0d5"; } .social-share .pinterest-share.sharrre .share:before { content: "\f0d2"; } .social-share .linkedin-share.sharrre .share:before { content: "\f0e1"; } .sharrre a { color: #8d8d8d; } .sharrre:hover .share:before { background-color: #31373c; border-color: #31373c; color: #fff; } .twitter-share.sharrre:hover .share:before { border-color: #00aced; background-color: #00aced !important; } .facebook-share.sharrre:hover .share:before { border-color: #3b5998; background-color: #3b5998 !important; } .googleplus-share.sharrre:hover .share:before { border-color: #dd4b39; background-color: #dd4b39 !important; } .pinterest-share.sharrre:hover .share:before { border-color: #cb2027; background-color: #cb2027 !important; } .linkedin-share.sharrre:hover .share:before { border-color: #007bb6; background-color: #007bb6 !important; } /************************************************************************************ NICESCROLL *************************************************************************************/ .nicescroll-rails > div { background-color: rgba(219,219,219,0.3) !important; margin-right: 3px; } /************************************************************************************ 10. BUILDER STYLING *************************************************************************************/ /* builder row */ .full_width .themify_builder_row.fullwidth .row_inner { width: auto; max-width: 100%; padding: 0; } /* module title */ .themify_builder_content .module-title { margin: 1.4em 0 1.6em; padding: 1em 0 0; font-size: 1.4em; text-transform: uppercase; letter-spacing: 1px; } /* button module */ .ui.builder_button { border: none; font-weight: 900; text-transform: uppercase; font-size: .8em; padding: 1em 1.5em; } /************************************************************************************ 11. WORDPRESS POST FORMATTING *************************************************************************************/ .sticky {} img.alignleft, img.aligncenter, img.alignright, img.alignnone { margin-bottom: 1em; } .alignleft { float: left; margin-right: 2em; } .alignright { float: right; margin-left: 2em; } .aligncenter { text-align: center; display: block; margin-left: auto; margin-right: auto; } .wp-caption { text-align: center; margin-bottom: 1em; max-width: 100%; } .wp-caption-text { margin: 1em 0 .5em; } /* attachment page */ body.attachment { width: auto; float: none; position: static; } .single .attachment.post { width: auto; float: none; } /************************************************************************************ 12. WP GALLERY *************************************************************************************/ #body .gallery { margin: 0 0 20px 0; } /* gallery item */ #body .gallery .gallery-item { margin: 0 8px 8px 0; vertical-align: top; width: auto; float: left; text-align: center; } #body .gallery img { border: none; vertical-align: middle; } /* gallery caption */ #body .gallery .gallery-caption { line-height: 120%; font-size: 90%; text-align: center; margin: 5px 0 0; } /* GALLERY COLUMN ================================================ */ /* gallery column 1 (display all in one line) */ #body .gallery-columns-1 .gallery-item { width: auto; } #body .gallery-columns-1 br { display: none !important; } /* gallery column 2 */ #body .gallery-columns-2 .gallery-item { width: 49.2%; } /* gallery column 3 */ #body .gallery-columns-3 .gallery-item { width: 32.3%; } /* gallery column 4 */ #body .gallery-columns-4 .gallery-item { width: 23.8%; } /* gallery column 5 */ #body .gallery-columns-5 .gallery-item { width: 18.8%; } /* gallery column 6 */ #body .gallery-columns-6 .gallery-item { width: 15.4%; } /* gallery column 7 */ #body .gallery-columns-7 .gallery-item { width: 13%; } /* gallery column 8 */ #body .gallery-columns-8 .gallery-item { width: 11.18%; } /* gallery column 9 */ #body .gallery-columns-9 .gallery-item { width: 9.77%; } /* set gallery item margin-right */ #body .gallery-columns-1 .gallery-item, #body .gallery-columns-2 .gallery-item, #body .gallery-columns-3 .gallery-item, #body .gallery-columns-4 .gallery-item, #body .gallery-columns-5 .gallery-item, #body .gallery-columns-6 .gallery-item, #body .gallery-columns-7 .gallery-item, #body .gallery-columns-8 .gallery-item, #body .gallery-columns-9 .gallery-item { margin: 0 1.5% 1.5% 0; } /* clear gallery item margin-right */ #body .gallery-columns-9 .gallery-item:nth-of-type(9n), #body .gallery-columns-8 .gallery-item:nth-of-type(8n), #body .gallery-columns-7 .gallery-item:nth-of-type(7n), #body .gallery-columns-6 .gallery-item:nth-of-type(6n), #body .gallery-columns-5 .gallery-item:nth-of-type(5n), #body .gallery-columns-4 .gallery-item:nth-of-type(4n), #body .gallery-columns-3 .gallery-item:nth-of-type(3n), #body .gallery-columns-2 .gallery-item:nth-of-type(2n) { margin-right: 0; } /************************************************************************************ 13. CLEAR & ALIGNMENT *************************************************************************************/ .clear { clear: both; } .left { float: left; } .right { float: right; } .textleft { text-align: left; } .textright { text-align: right; } .textcenter { text-align: center; } /* clearfix */ .clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, .gallery:after, #content:after, .post-meta:after { content: ""; display: table; clear: both; } /************************************************************************************ 14. ANIMATIONS *************************************************************************************/ @-webkit-keyframes fadeInDown { 0% { -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @keyframes fadeInDown { 0% { -webkit-transform: translate(0, -40px); -ms-transform: translate(0, -40px); -o-transform: translate(0, -40px); transform: translate(0, -40px); opacity: 0; } 100% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } /* post nav animation */ @-webkit-keyframes prev-arrow { 0% {left: 6%;} 50% {left: 3%;} 100% {left: 6%;} } @keyframes prev-arrow { 0% {left: 6%;} 50% {left: 3%;} 100% {left: 6%;} } @-webkit-keyframes next-arrow { 0% {right: 6%;} 50% {right: 3%;} 100% {right: 6%;} } @keyframes next-arrow { 0% {right: 6%;} 50% {right: 3%;} 100% {right: 6%;} } /* back to top animation */ @-webkit-keyframes backtoparrow { 0% {bottom: 0;} 50% {bottom: 20px;} 100% {bottom: 0;} } @keyframes backtoparrow { 0% {bottom: 0;} 50% {bottom: 20px;} 100% {bottom: 0;} } /* pagenav animation */ @-webkit-keyframes pagenav-prev-arrow { 0% {left: 6px;} 50% {left: 0;} 100% {left: 6px;} } @keyframes pagenav-prev-arrow { 0% {left: 6px;} 50% {left: 0;} 100% {left: 6px;} } @-webkit-keyframes pagenav-next-arrow { 0% {right: 6px;} 50% {right: 0;} 100% {right: 6px;} } @keyframes pagenav-next-arrow { 0% {right: 6px;} 50% {right: 0;} 100% {right: 6px;} } .themify_link_to{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } /*/wp-content/uploads/themify-customizer-8.1.0-7.6.2.css*/ /* Themify Customize Styling */ body { font-family: "Judson"; font-weight:normal; } a { color: #a17402; } #pagewrap { background: none; background-color: #ffffff; } #sidebar { font-family: "Judson"; font-weight:bold; } h1 { font-family: "Judson"; font-weight:normal; font-size:22px; } h2 { font-family: "Judson"; font-weight:normal; font-size:19px; } h3 { font-family: "Judson"; font-weight:bold; text-transform:capitalize; text-align:left; } textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week] { font-family: "Judson"; font-weight:normal; font-size:18px; } input[type=reset], input[type=submit], button { background: none; background-color: #bda97d; color: #050505; } #headerwrap { background: none; background-color: #ffffff; border-bottom: 2px solid #808080; } #header { background-image: url(https://www.juleslesouef.com/wp-content/uploads/2016/10/bannieĢ€rejuls.png); background-size: cover; background-position: left center; } body #site-logo a { font-family: "Neuton"; font-weight:300; font-size:52px; text-transform:capitalize; text-align:center; color: #fffbf0; } #site-logo { position:static; } #site-description { font-family: "Neuton"; font-weight:200; } #main-nav { position:static; background-image: url(https://www.juleslesouef.com/wp-content/uploads/2016/11/menu-zebre-jules-lesouef.png); background-repeat: no-repeat; background-position: left top; } #main-nav a { font-family: "Neuton"; font-weight:300; text-align:center; padding: 20px; } body:not(.mobile_menu_active) #main-nav a { color: #000000; background-color: transparent; } body:not(.mobile_menu_active) #main-nav a:hover { background: none; background-color: #bda97d; color: #e3e3e3; } body:not(.mobile_menu_active) #main-nav .current_page_item > a, body:not(.mobile_menu_active) #main-nav .current-menu-item > a { background-color: transparent; color: #bda97d; } body:not(.mobile_menu_active) #main-nav .current_page_item > a:hover, body:not(.mobile_menu_active) #main-nav .current-menu-item > a:hover { color: #000000; } .mobile_menu_active #headerwrap .sidemenu-on a, .mobile_menu_active #headerwrap .sidemenu-on #main-nav a { color: #000000; } .post { padding: 12px; } .post-title, .post-title a { font-family: "Judson"; font-weight:normal; font-size:31px; line-height:16px; } .post-title { margin-top: 38px; padding-top: 2px; } .post-title a:hover { color: #a17402; } .loops-wrapper.grid4 .post-title { line-height:16px; } .loops-wrapper.grid3 .post-title { line-height:32px; } .loops-wrapper.grid2 .post-title { line-height:16px; } .loops-wrapper.grid2-thumb .post-title { line-height:16px; } .post-meta { color: #a17402; } .post-meta a { color: #a17402; } .more-link { color: #a17402; font-family: "Judson"; font-weight:normal; font-size:18px; text-transform:capitalize; text-align:right;background: none; background-color: #ffffff; border: none !important;margin-bottom: auto; } .more-link:hover { color: #171717; } .post-nav { background-color: transparent; background-repeat: no-repeat; background-position: center center; } .post-nav a { color: #ffffff; font-family: "Judson"; font-weight:normal; font-size:24px; } .post-nav .arrow { color: #ffffff; } .page-title { font-family: "Quattrocento Sans"; font-size:40px; } .module-title { font-family: "Judson"; font-weight:normal; } #sidebar a { font-family: "Judson"; font-weight:normal; } #sidebar .widgettitle { color: #000000; } #footer { font-family: "Quattrocento Sans"; font-weight:normal; font-size:16px; line-height:20px; } #footer, #footer .footer-text { color: #000000; } #footer a { color: #bda97d; font-family: "Judson"; font-weight:normal; font-size:15px; } #footer-nav a { font-family: "Quattrocento Sans"; font-size:16px; color: #faf5f5; } #footer-nav .current_page_item a, #footer-nav .current-menu-item a { color: #ffffff; } .footer-widgets .widget { color: #8f8f8f; } .footer-widgets .widgettitle { color: #292929; } /* Themify Custom CSS */ #headerwrap { background: #fff !important; } .single-post .social-share-wrap{ display:none; } .single-post #content{ padding-top:10%; } /* START MOBILE MENU CSS */ @media screen and (max-width:900px){ /*/wp-content/themes/themify-float/mobile-menu.css*/ #site-logo{font-size:30px;padding:0}#site-description span{min-height:24px;padding:4px}#site-description span:after{border-width:12px}#menu-icon,.fixed-header #menu-icon{top:30px}.header-widget{clear:both;float:none;margin:0;position:static;text-align:left}.header-widget .widget{margin:0 0 10px}body.mobile-menu-visible{overflow-y:hidden;position:relative}.horizontal-menu #menu-icon{display:block;position:absolute;right:30px;top:50%;transform:translateY(-50%)}.horizontal-menu.mobile-menu-visible #menu-icon{display:none}.horizontal-menu #menu-icon-close{color:inherit;display:block;font-family:serif;font-size:50px;position:absolute;right:20px;text-decoration:none;top:10px}.horizontal-menu #menu-icon-close:after{content:"\00d7"}.horizontal-menu #menu-icon-close:hover{color:#fff}.horizontal-menu .sidemenu{background:linear-gradient(115deg,#1abbc5,#1abbc5 41%,#2dbc81 56%,#2dbc81);display:none;height:100%;overflow-y:scroll;padding:50px 25px 20px;transition:.2s ease-in-out;transition-property:left,right;width:300px;-webkit-overflow-scrolling:touch;box-sizing:border-box;left:auto;position:fixed;top:0;z-index:11111}.horizontal-menu #mobile-menu{right:-300px}.horizontal-menu #mobile-menu.sidemenu-on{right:0}.horizontal-menu.sidemenu-active{position:relative}.horizontal-menu.sidemenu-active,.horizontal-menu.sidemenu-active #headerwrap{left:0;transition:left .2s ease-in-out}.horizontal-menu.sidemenu-right,.horizontal-menu.sidemenu-right #headerwrap{left:-300px}.horizontal-menu.sidemenu-left,.horizontal-menu.sidemenu-left #headerwrap{left:300px}.horizontal-menu #main-nav{clear:both;float:none;margin:15px 0;max-width:inherit;padding:0}.horizontal-menu #main-nav li{clear:both;display:block;float:none}.horizontal-menu #main-nav li ul{background:0;border:0;clear:both;color:inherit;display:block;margin:0;opacity:1;padding:0 0 0 1em;position:static;text-align:left;visibility:visible}.horizontal-menu #headerwrap #main-nav .has-mega-column>.children>li>.children,.horizontal-menu #headerwrap #main-nav .has-mega-column>.sub-menu>li>ul.sub-menu,.horizontal-menu #headerwrap #main-nav>li>.children,.horizontal-menu #headerwrap #main-nav>li>.children>li>.children,.horizontal-menu #headerwrap #main-nav>li>div.sub-menu,.horizontal-menu #headerwrap #main-nav>li>ul.sub-menu,.horizontal-menu #headerwrap #main-nav>li>ul.sub-menu>li>.sub-menu{display:none;height:100%;overflow:hidden;transition:all .5s ease-in-out}.horizontal-menu #main-nav ul:before{display:none}.horizontal-menu #main-nav li a,.horizontal-menu #main-nav li ul li a,.horizontal-menu #main-nav ul a{border:0;border-bottom:1px solid hsla(0,0%,100%,.3);color:#fff;display:block;font-size:100%;margin:0;padding:.6em 0;width:auto}.horizontal-menu #main-nav li ul li a,.horizontal-menu #main-nav ul a{font-size:.95em;font-weight:400}.menu-item-has-children .child-arrow{display:inline}.horizontal-menu #headerwrap #searchform-wrap{clear:both;float:none;margin:1em 0;padding:0;position:relative;width:auto}.horizontal-menu #headerwrap #searchform{position:static}.horizontal-menu #headerwrap #searchform #s{background-color:#fff;border:1px solid hsla(0,0%,100%,.8);color:#000;float:none;transition:none;width:100%}.horizontal-menu #headerwrap #searchform .icon-search:before{color:#000}.horizontal-menu #headerwrap #searchform #s:focus,.horizontal-menu #headerwrap #searchform #s:hover,.horizontal-menu #headerwrap #searchform .icon-search:hover+#s{border:1px solid hsla(0,0%,100%,.8);width:100%}.horizontal-menu #headerwrap .social-widget{float:none;position:static;text-align:left}.horizontal-menu #headerwrap .social-widget .widget{margin:0}.horizontal-menu #headerwrap .social-widget .widgettitle{display:block;margin:0 0 .4em} } /* END MOBILE MENU CSS */