/* * Blog name and description */ .blog-header { padding-top: 20px; padding-bottom: 20px; } .blog-title { margin-bottom: 0; font-size: 60px; line-height: 60px; color: #000; font-weight: 300; border-right: 1px solid; padding-right: 26px; border-color: rgba(0, 0, 0, 0.12); } .blog-title:hover { color: #2f2f2f; text-decoration: none; } .blog-description { font-size: 20px; color: #999; margin-bottom: -7px; margin-left: 25px; } /* * Main column and sidebar layout */ .blog-main { font-size: 18px; line-height: 1.5; } /* Sidebar modules for boxing content */ .sidebar-module { padding: 15px; margin: 0 -15px 15px; } .sidebar-module-inset { padding: 15px; background-color: #f5f5f5; border-radius: 4px; } .sidebar-module-inset p:last-child, .sidebar-module-inset ul:last-child, .sidebar-module-inset ol:last-child { margin-bottom: 0; } .cat-links a { background: #67B26F; background: -webkit-linear-gradient(to left, #67B26F , #4ca2cd); background: linear-gradient(to left, #67B26F , #4ca2cd); color: #eee; border: 0; padding: 14px 30px; border-radius: 2px; transition: all 0.3s cubic-bezier(0.57, 0.04, 0.34, 1.04) 0s; text-decoration: none!important; } ul.children { list-style-type: none; } article { padding-bottom: 80px; padding-top: 80px; } .grid-item3 p{ overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .grid-item3 a.more-link { display: none; } .grid-item3.post.sticky .uk-card { box-shadow: 0px 0px 20px 0px rgba(156, 156, 156, 0.56); } .leave-reply a, .leave-reply small { margin-left: 15px; } /* Widgets ====================================*/ .widget { /* Social links -------------------------------------------------- */ } .widget + .widget { margin-top: 30px; padding-top: 30px; border-top: 1px solid; border-color: rgba(149, 152, 154, 0.5); } .widget .widget-title { margin: 0 0 40px; padding: 0px; font-weight: 700; font-style: normal; font-size: 14px; line-height: 22px; color: #3C404B; text-transform: uppercase; } .widget a { color: #72777B; } .widget select { width: 100%; } .widget ul { margin: 0px; padding: 0px; list-style-type: none; } .widget ul li { padding-top: 5px; padding-bottom: 5px; padding-left: 0px; position: relative; } .widget ul li a { color: #72777B; } .widget ul li ul:not(.sub-menu) { margin-left: 20px; } .widget ul li ul:not(.sub-menu) li { padding-top: 5px; padding-bottom: 0; } .widget .calendar_wrap caption { color: #72777B; font-weight: bold; text-transform: uppercase; } .widget .fs-recent-post .fs-rp-item { overflow: hidden; margin-bottom: 20px; } .widget .fs-recent-post .fs-rp-item:last-child { border-bottom: 0px; } .widget .fs-recent-post .fs-rp-item .entry-image { display: none; background-color: rgba(114, 119, 123, 0.1); float: left; } .widget .fs-recent-post .fs-rp-item .entry-image a { display: inline-block; } .widget .fs-recent-post .fs-rp-item .entry-image img { width: 80px; height: 80px; } .widget .fs-recent-post .fs-rp-item .entry-rp { margin-left: 0px; } .widget .fs-recent-post .fs-rp-item .entry-rp .entry-meta { font-size: 13px; font-weight: 400; line-height: 1.2em; } .widget .fs-recent-post .fs-rp-item .entry-rp .entry-meta span { display: inline-block; } .widget .fs-recent-post .fs-rp-item .entry-rp .entry-meta span + span::before { content: '|'; margin-left: 5px; margin-right: 5px; } .widget .fs-recent-post .fs-rp-item .entry-rp .entry-meta span:last-child { display: none; } .widget .fs-recent-post .fs-rp-item .entry-rp .entry-meta span a { color: rgba(60, 64, 75, 0.9); } .widget .fs-recent-post .fs-rp-item h4 { font-size: 16px; margin: 0px; margin-top: 5px; } .widget .fs-recent-post .fs-rp-item .read-more { display: none; margin: 0px; font-size: 0.9em; font-weight: normal; line-height: 1.3em; margin-top: 5px; } .widget .fs-recent-post .fs-rp-item .read-more a { text-decoration: underline; } .widget .fs-recent-post .fs-rp-item.no-thumb .entry-rp { margin-left: 0px; } .widget .fs-recent-post .fs-rp-item.no-thumb .entry-rp span:last-child { display: inline-block; } .widget .related-posts .related-post-item { position: relative; margin-bottom: 15px; } .widget .related-posts .related-post-item:last-child { margin-bottom: 0px; } .widget .related-posts .related-post-item img { width: 100%; height: auto; margin-bottom: 10px; } .widget .related-posts .related-post-item h4 { font-size: 14px; font-weight: bold; line-height: 1.3em; margin: 0px; } .widget .related-posts .related-post-item h4 a { color: #3C404B; } .widget .related-posts .related-post-item .entry-date { font-size: 12px; color: rgba(114, 119, 123, 0.6); } .widget.widget_tag_cloud a { font-size: 14px !important; padding: 5px 10px; padding-left: 0px; margin-bottom: 5px; font-weight: bold; text-transform: uppercase; display: inline-block !important; text-decoration: none; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .widget.widget_tag_cloud a:hover { color: #47AE89 !important; } .widget.widget_tag_cloud a:after { content: ','; } .widget.widget_archive a span, .widget.widget_categories a span { float: right; } .widget address { margin-bottom: 0; } .widget address abbr[title] { text-decoration: none; display: block; } .widget address abbr[title] + abbr[title] { border-top: 1px solid rgba(0, 0, 0, 0.05); padding-top: 10px; margin-top: 10px; } .widget address span { margin-right: 10px; } .widget.widget_social a { width: 20px; height: 20px; margin-right: 8px; } @-webkit-keyframes toTopFromBottom { 49% { -webkit-transform: translateY(-100%); } 50% { opacity: 0; -webkit-transform: translateY(100%); } 51% { opacity: 1; } } @-moz-keyframes toTopFromBottom { 49% { -moz-transform: translateY(-100%); } 50% { opacity: 0; -moz-transform: translateY(100%); } 51% { opacity: 1; } } @keyframes toTopFromBottom { 49% { transform: translateY(-100%); } 50% { opacity: 0; transform: translateY(100%); } 51% { opacity: 1; } } .widget a[class^="social_"] { display: inline-block; cursor: pointer; text-align: center; padding: 10px; border-radius: 50%; color: #fff; border: 1px solid #72777B; overflow: hidden; font-size: 0; line-height: 0; -webkit-transition: background 0.3s, color 0.3s, border-color 0.3s; -moz-transition: background 0.3s, color 0.3s, border-color 0.3s; transition: background 0.3s, color 0.3s, border-color 0.3s; } .widget a[class^="social_"] i { font-size: 14px; line-height: 20px; } .widget a[class^="social_"] i:before { speak: none; font-size: 16px; display: block; -webkit-font-smoothing: antialiased; } .widget a[class^="social_"]:hover { color: #fff; text-decoration: none; } .widget a[class^="social_"]:hover i:before { -webkit-animation: toTopFromBottom 0.3s forwards; -moz-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards; } .widget a.social_facebook { background-color: #3b5998 !important; border-color: #3b5998 !important; } .widget a.social_twitter { background-color: #00aced !important; border-color: #00aced !important; } .widget a.social_pinterest { background-color: #cb2027 !important; border-color: #cb2027 !important; } .widget a.social_googleplus { background-color: #dd4b39 !important; border-color: #dd4b39 !important; } .widget a.social_instagram { background-color: #517fa4 !important; border-color: #517fa4 !important; } .widget a.social_vimeo { background-color: #45bbff !important; border-color: #45bbff !important; } .widget a.social_youtube { background-color: #bb0000 !important; border-color: #bb0000 !important; } .widget a.social_flickr { background-color: #ff0084 !important; border-color: #ff0084 !important; } .widget a.social_linkedin { background-color: #007bb6 !important; border-color: #007bb6 !important; } .widget a.social_dribbble { background-color: #ea4c89 !important; border-color: #ea4c89 !important; } .widget a.social_wordpress { background-color: #464646 !important; border-color: #464646 !important; } .widget a.social_skype { background-color: #00AFF0 !important; border-color: #00AFF0 !important; } .widget a.social_tumblr { background-color: #35465c !important; border-color: #35465c !important; } .widget a.social_blogger { background-color: #FF9334 !important; border-color: #FF9334 !important; } .widget a.social_delicious { background-color: #31a9ff !important; border-color: #31a9ff !important; } .widget a.social_tumbleupon { background-color: #EB4823 !important; border-color: #EB4823 !important; } .widget a.social_link { background-color: #47AE89 !important; border-color: #47AE89 !important; } .widget a[class^="social_"]:hover { background-color: transparent !important; border-color: #72777B !important; } .sidebar .widget_social a[class^="social_"]:hover { color: #72777B; } .sidebar .widget_categories .children, #footer .widget_categories .children, .sidebar .widget_nav_menu .sub-menu, #footer .widget_nav_menu .sub-menu, .sidebar .widget_pages .children, #footer .widget_pages .children { margin-left: 0.8em; } .search_form { position: relative; border: 1px solid; border-color: rgba(149, 152, 154, 0.5); border-radius: 4px; padding-right: 50px; padding-left: 20px; } .search_form input { height: 48px; background: transparent; width: 100%; color: #3C404B; font-size: 14px; padding: 0; border: none; } .search_form input:focus { outline: none; border-color: rgba(114, 119, 123, 0.5); } .search_form button { position: absolute; top: 0px; right: 0px; width: 48px; height: 48px; box-shadow: none; background-color: transparent; display: block; line-height: 48px; text-align: center; padding: 0px; font-size: 14px; color: #3C404B; border: none; } @media screen and (max-width: 640px) { div + .sidebar { margin-top: 50px; } }