/* Theme Name: Blogrock Core Theme URI: http://rocksite.pro/blogrock-core/ Author: Peter Bielecki Author URI: http://netbiel.pl Description: Blogrock Core was design according to the idea of modern blog with SEO and UX optimization. Blogrock Core is suitable for creating a website for news or magazines or personal blogs. Blogrock Core is carefully coded and designed for easy reading on any size screen or device. Upload logo, change colors, modify all settings and see the preview in real-time before you save. Blogrock Core is based on Bootstrap front end framework. Version: 1.0.2 License: License URI: Tags: flexible-header, full-width-template, post-formats, theme-options, translation-ready, responsive-layout, light Text Domain: blogrock */ /*extended-colors*/ /*over backgrounds*/ /*Font Params*/ /*FORMS*/ /*Content variables*/ /*CSS ANIMATIONS*/ /*buttons*/ /*navbar variables*/ /*Transitions & Transform*/ /** CONTENT **/ /*general*/ /*single post*/ /*Page*/ /*boxes*/ /*ELEMENTS*/ /*helper class*/ @media (max-width: 768px) { .smartlib-pull-left-xs { float: left!important; } } @media (max-width: 768px) { .smartlib-pull-right-xs { float: left!important; } } @media (max-width: 768px) { .smartlib-text-left-xs { text-align: left!important; } } @media (max-width: 768px) { .smartlib-text-right-xs { text-align: right!important; } } /*media features*/ @media (max-width: 768px) { .feature { text-align: left!important; } .feature div, .feature a { text-align: left!important; float: left!important; } } @media (max-width: 768px) { .media > .smartlib-pull-left-xs { margin-right: 10px!important; margin-left: 0; } } @media (max-width: 768px) { .media > .smartlib-pull-right-xs { margin-left: 10px!important; margin-right: 0; } } /*buttons extend*/ .btn { text-transform: uppercase; position: relative; z-index: 0; } .btn:after, .btn:before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .btn:after { z-index: -1; width: 0; } .btn:before { z-index: -2; } .btn:focus { outline: none; } .btn-default:before { background: none; } .btn-default:hover:after { background: #f5f5f5; width: 100%; } .btn-primary { color: #ffffff; } .btn-primary:before { background: #009688; } .btn-primary:hover:after { background: #008276; width: 100%; } .btn-success:before { background: #00796b; } .btn-success:hover:after, .btn-success:focus:after { background: #006559; width: 100%; } .btn-info:before { background: #5bc0de; } .btn-info:hover:after, .btn-info:focus:after { background: #4ab9db; width: 100%; } .btn-warning:before { background: #ffc107; } .btn-warning:hover:after, .btn-warning:focus:after { background: #f2b500; width: 100%; } .btn-danger:before { background: #d9534f; } .btn-danger:hover:after, .btn-danger:focus:after { background: #d5433e; width: 100%; } /*btn square*/ .smartlib-square-btn { width: 50px; height: 50px; padding: 0!important; } /*input type=submit*/ input[type="submit"] { text-transform: uppercase; position: relative; background: #009688; padding: 5px 10px; line-height: 1.8; border: 1px solid transparent; outline: none; color: #fff; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } input[type="submit"]:hover { background: #008276; } /*navbar*/ .navbar-inverse, .navbar-collapse, .navbar-form { border: none; box-shadow: none; } /*hover main menu*/ .smartlib-navbar-menu li > a { padding: 12px 15px; } .smartlib-navbar-menu li li a { position: relative; z-index: 0; } .smartlib-navbar-menu li li a:hover { color: #fff; } .smartlib-navbar-menu li li a:before, .smartlib-navbar-menu li li a:after { z-index: -2; display: block; content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; } .smartlib-navbar-menu li li a:hover:after, .smartlib-navbar-menu li li a:focus:after { background: #009688; z-index: -1; width: 100%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } /*social buttons bootstrap*/ .btn-social-icon { border: none; } .btn-social-icon:hover { color: #fff; outline: none; box-shadow: none; } .panel { box-shadow: none; border: none; } .panel .panel { margin: 0; } .panel-body h3 { margin-top: 0; } .panel-body .panel-body { padding-left: 0; padding-right: 0; padding-bottom: 0; } .smartlib-container-padding-bottom { padding-bottom: 80px; } @media (min-width: 768px) { .smartlib-no-padding-left { padding-left: 0; } } @media (min-width: 768px) { .smartlib-no-padding-right { padding-right: 0; } } @media (min-width: 992px) { .smartlib-no-padding-right-md { padding-right: 0; } } @media (min-width: 992px) { .smartlib-no-padding-left-md { padding-left: 0; } } .smartlib-content-section .container, .smartlib-navbar .container { max-width: 100%; } /*Tables*/ table { width: 100%; max-width: 100%; margin-bottom: 25px; } table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { padding: 8px; line-height: 1.8; vertical-align: top; border-top: 1px solid #dddddd; } table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #dddddd; } table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td { border-top: 0; } table > tbody + tbody { border-top: 2px solid #dddddd; } table table { background-color: #ffffff; } /*breadcrumb*/ .breadcrumb > li + li:before { display: none; } /* Comments ================================================== */ .comments-area { background-color: #fff; padding: 20px; } .smartlib-comments-list { padding: 0; margin: 0; font-size: 12px; } .comments-area > :last-child { margin-bottom: 0; } .comment-list + .comment-respond, .comment-navigation + .comment-respond { padding-top: 1.6em; } .comments-title, .smartlib-comments-title { clear: both; } .comments-title { margin-bottom: 1.3333em; } .comment-list { list-style: none; margin: 0; } .comment-list article, .comment-list .pingback, .comment-list .trackback, .comment-list .comment-body { border-top: 1px solid #f2f2f2; padding: 1.6em 0; } .comment-list article h1, .comment-list .pingback h1, .comment-list .trackback h1, .comment-list .comment-body h1, .comment-list article h2, .comment-list .pingback h2, .comment-list .trackback h2, .comment-list .comment-body h2, .comment-list article h3, .comment-list .pingback h3, .comment-list .trackback h3, .comment-list .comment-body h3, .comment-list article h4, .comment-list .pingback h4, .comment-list .trackback h4, .comment-list .comment-body h4, .comment-list article h5, .comment-list .pingback h5, .comment-list .trackback h5, .comment-list .comment-body h5, .comment-list article h6, .comment-list .pingback h6, .comment-list .trackback h6, .comment-list .comment-body h6 { color: #b6b6b6; } .comment-list .children { list-style: none; margin: 0; } .comment-list .children > li { padding-left: 0.8em; } .comment-author, .smartlib-comment-author { font-weight: bold; } .comment-author .avatar { float: left; height: 24px; margin-right: 0.8em; width: 24px; } .smartlib-comment-metadata, .pingback .edit-link { font-size: 10px; } .smartlib-comment-metadata a, .pingback .edit-link a { color: #b6b6b6; } .smartlib-edit-content-link a { color: #b6b6b6; font-weight: normal; } .comment-content ul, .comment-content ol { margin: 0 0 1.6em 1.3333em; } .comment-content li > ul, .comment-content li > ol { margin-bottom: 0; } .comment-content > :last-child { margin-bottom: 0; } /*comment replay*/ .smartlib-comment-replay { clear: both; overflow: hidden; } .smartlib-comment-replay .btn { font-size: 12px; padding: 3px 10px; } .comment-notes, .comment-awaiting-moderation, .logged-in-as, .form-allowed-tags { color: #707070; color: rgba(51, 51, 51, 0.7); font-family: "Noto Sans", sans-serif; font-size: 12px; font-size: 1.2rem; line-height: 1.5; margin-bottom: 2em; } .logged-in-as a:hover { border-bottom: 1px solid #333; } .no-comments { border-top: 1px solid #eaeaea; border-top: 1px solid rgba(51, 51, 51, 0.1); color: #707070; color: rgba(51, 51, 51, 0.7); font-family: "Noto Sans", sans-serif; font-weight: 700; padding-top: 1.6em; } .comment-navigation + .no-comments { border-top: 0; } .form-allowed-tags code { font-family: Inconsolata, monospace; } .form-submit { margin-bottom: 0; text-align: right; } .form-submit .btn { clear: both; } .required { color: #c0392b; } .comment-reply-title small { font-size: 12px; } /*add webkit/moz prefix from bootstrap*/ /* GENERAL ================================================== */ body { position: relative; background-color: #f2f2f2; font-family: 'Merriweather', serif; } /* PRELOADER ================================================== */ .smartlib-pre-loader { position: fixed; width: 100%; height: 100%; z-index: 9999999; display: block; top: 0; left: 0; right: 0; bottom: 0; background: #fff; } .smartlib-pre-loader .smartlib-load-icon { margin: 20% auto; position: relative; text-align: center; color: #009688; } /* LINKS & TYPE ================================================== */ a { outline: none; color: #727272; } a:focus { outline: none; } a:hover { color: #212121; text-decoration: none; transition: all 0.3s linear; } a:hover img { opacity: 0.8; } /*HEADERS*/ h1, h2, h3 { font-family: Helvetica, sans-serif; font-weight: 600; color: #2c3f50; } h4, h5, h6 { font-family: Helvetica, sans-serif; color: #2c3f50; font-weight: 600; } h1 { font-size: 50px; margin-bottom: 40px; } h2 { font-size: 45px; } h3 { font-size: 30px; } h4 { font-size: 24px; } h5 { font-size: 18px; } /* BUTTONS ================================================== */ .smartlib-more-link { margin-top: 15px; } .btn-sm { height: 30px; } /*btn close*/ .smartlib-btn-close { width: 40px; height: 40px; display: block; } .smartlib-btn-close:before, .smartlib-btn-close:after { content: ''; display: block; width: 56px; height: 56px; position: absolute; top: -28px; left: -28px; border-right: 1px solid #fff; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); } .smartlib-btn-close:before { border-right: 0; border-bottom: 1px solid #fff; top: -28px; left: auto; right: -28px; } .smartlib-light-button { background: #fff; color: #212121 !important; border: none; } .smartlib-light-button:before { background: #fff; } .smartlib-light-button:hover:after { background: #e6e6e6; } .smartlib-dark-button { background: #212121; } /* ICONS ================================================== */ .smartlib-facebook-ico { background: #1471c0 !important; } .smartlib-twitter-ico { background: #00bff3 !important; } .smartlib-rss-ico { background: #feb606 !important; } .smartlib-gplus-ico { background: #68b807 !important; } .smartlib-pinterest-ico { background: #d83d1a !important; } .smartlib-youtube-ico { background: #dd4b39 !important; } .smartlib-linkedin-ico { background: #1482bb; } .smartlib-icon { text-align: center; display: table; color: #fff; } .smartlib-icon i { display: table-cell; vertical-align: middle; } .smartlib-icon:hover { background-color: #009688 !important; } .smartlib-icon:hover i { color: #fff!important; } .smartlib-icon-large { width: 50px; height: 50px; line-height: 50px; color: #009688; } .smartlib-icon-large.icon-large-with-background { background: #f2f2f2; } .smartlib-small-square-icon { width: 28px; height: 28px; color: #fff !important; padding: 0 !important; } .smartlib-large-square-icon { width: 45px; height: 45px; } /* STRUCTURE ================================================== */ .smartlib-layout-page { background: #eaebeb; } .single .smartlib-layout-page { background: #ffffff; } .smartlib-layout-sidebar { background: #e3e6e7; } .smartlib-layout-sidebar .panel-heading { background: #ffc107; } .smartlib-layout-sidebar .panel-heading .panel-title { color: #ffffff; } /*Layout Options*/ #page.smartlib-no-sidebar { width: 100%; } .smartlib-right-sidebar, .smartlib-right-content { float: right; padding: 30px 15px; } .smartlib-left-sidebar, .smartlib-left-content { float: left; padding: 30px 15px; } /* HELPER CLASSES ================================================== */ .smartlib-no-padding { padding: 0 !important; } /*general *classes*/ .smartlib-center-align { text-align: center; } .smartlib-center-align img { margin: 0 auto; } .smartlib-assistive-text { display: none; } .smartlib-responsive-image { max-width: 100%; height: auto !important; } .smartlib-panel-padding-left { padding-left: 20px; } .smartlib-panel-padding-right { padding-right: 20px; } .smartlib-force-display { display: inline-block !important; } /*table emulation area*/ .smartlib-table-container { display: table; height: 100%; width: 100%; } .smartlib-table-container .smartlib-table-cell { display: table-cell; height: 100%; } .smartlib-table-container .smartlib-table-cell.smartlib-vertical-middle { vertical-align: middle; } .smartlib-padding-bottom-container { padding-bottom: 80px !important; } .smartlib-content-with-separator { margin-bottom: 15px; border-bottom: 1px solid #f2f2f2; } .smartlib-content-with-separator p, .smartlib-content-with-separator ul { margin-bottom: 15px; } .smartlib-content-with-separator .smartlib-item-list { margin-bottom: 0; } .smartlib-content-with-separator > h4, .smartlib-content-with-separator > h5 { margin-top: 0; } .smartlib-header-with-decorator { position: relative; display: inline-block; padding: 0 15px 0px 0; } .smartlib-header-with-decorator:after { content: ''; display: block; background: #009688; width: 6px; height: 6px; position: absolute; right: 0; bottom: 4px; } /*layout navigation*/ .smartlib-horizontal-menu li { float: left; padding-left: 15px; padding-right: 15px; } /* FORMS ================================================== */ form > div, form > p { margin-bottom: 15px; } /*smmal input eg. search, newsletter*/ input[type="text"].smartlib-small-input, input[type="email"].smartlib-small-input { padding: 2px 5px; height: 30px; } textarea { min-height: 200px; } /* CONTENT ================================================== */ /*Content General*/ .smartlib-layout-page header.smartlib-page-header { padding: 30px; background: #009688; margin: -30px -15px 0 -15px; } .smartlib-layout-page header.smartlib-page-header a { color: #f2f2f2; } .smartlib-layout-page header.smartlib-page-header h1, .smartlib-layout-page header.smartlib-page-header h2 { color: #ffffff; margin: 0; } .smartlib-layout-page header .smartlib-meta-line { padding: 0; margin: 30px 0 0 0; } /*Layout sections*/ .smartlib-full-width-section { clear: both; max-width: 100%; } @media (min-width: 1300px) { .smartlib-content-section { width: 1200px; max-width: 100%; margin: 0 auto; padding: 0; } } .smartlib-content-section.smartlib-full-width-section { width: auto; overflow: hidden; } .smartlib-dark-section { background: #212121; color: #ffffff; } .smartlib-dark-section * { color: #ffffff; } .smartlib-dark-section a:hover { color: #009688; } .smartlib-dark-section .btn-default { background: transparent; } .smartlib-dark-section .btn-default:hover { color: #212121; } .smartlib-dark-section .btn-primary:hover { color: #fff; } .smartlib-dark-section .smartlib-content-with-separator, .smartlib-dark-section .smartlib-item-list li { border-bottom: 1px solid #353535; } .smartlib-dark-section .smartlib-content-with-separator:hover:before, .smartlib-dark-section .smartlib-item-list li:hover:before { background: #fff; } .smartlib-dark-section .panel { background-color: transparent; } .smartlib-dark-section .smartlib-dark-section { background-color: transparent; } /*LIGHT SECTION*/ .smartlib-light-section { background: #ffffff; } .smartlib-paralax-container { background-attachment: fixed!important; background-size: cover!important; } /*transparent-bg under image bg*/ .smartlib-inside-background-section { background: rgba(27, 185, 153, 0.8); } /*Header section*/ .smartlib-section-header { padding: 40px 0 40px; } .smartlib-dark-container { color: #ffffff; } .smartlib-dark-container * { color: #ffffff; } .smartlib-dark-container input, .smartlib-dark-container textarea, .smartlib-dark-container select, .smartlib-dark-container button { background: #ffffff; color: #000000; } .half-content-container { width: 555px; float: right; padding: 60px 30px 60px 0; } @media (max-width: 1300px) { .half-content-container { width: 100%; padding: 15px; } } /*LAYOUT COMPONENTS*/ .smartlib-layout-list { padding: 0; margin: 0; list-style: none; overflow: hidden; } .smartlib-layout-list > li { display: inline-block; width: 100%; } .smartlib-layout-list.smartlib-horizontal-list li { float: left; width: auto; margin-bottom: 10px; } .smartlib-layout-list.smartlib-vertical-list li { clear: both; width: 100%; } .smartlib-inline-list { padding: 0; margin: 0; } .smartlib-inline-list li { list-style: none; display: inline-block; } .smartlib-column-list { /*columns medium devices*/ } .smartlib-column-list > li { float: left; position: relative; padding: 0 15px; min-height: 1px; } .smartlib-column-list > li .panel { float: left; max-width: 100%; } @media (min-width: 768px) { .smartlib-column-list > li { width: 100%; } } @media (max-width: 768px) { .smartlib-column-list:not(.smartlib-graph-columns) > li { width: 50%!important; } } @media (max-width: 480px) { .smartlib-column-list:not(.smartlib-graph-columns) > li { width: 100% !important; } } .smartlib-column-list li img { max-width: 100%; height: auto; } .smartlib-column-list.smartlib-graph-columns > li { padding: 0; } @media (max-width: 480px) { .smartlib-column-list.smartlib-graph-columns > li { width: 100% !important; } } @media (min-width: 768px) { .smartlib-column-list.smartlib-2-columns-list li { width: 50%; } .smartlib-column-list.smartlib-2-columns-list li:nth-child(3) { clear: both; } .smartlib-column-list.smartlib-3-columns-list li { width: 33.3333%; } .smartlib-column-list.smartlib-3-columns-list li:nth-child(4) { clear: both; } .smartlib-column-list.smartlib-4-columns-list li { width: 25%; } .smartlib-column-list.smartlib-4-columns-list li:nth-child(5) { clear: both; } .smartlib-column-list.smartlib-5-columns-list li { width: 20%; } .smartlib-column-list.smartlib-5-columns-list li:nth-child(6) { clear: both; } } @media (max-width: 1300px) and (min-width: 991px) { .smartlib-column-list.smartlib-md-2-columns-list > li { width: 50%!important; } .smartlib-column-list.smartlib-md-2-columns-list > li:nth-child(3) { clear: both; } } @media (max-width: 768px) and (min-width: 480px) { .smartlib-column-list.smartlib-sm-2-columns-list > li { width: 50%!important; } .smartlib-column-list.smartlib-sm-2-columns-list > li:nth-child(3) { clear: both; } } .smartlib-item-list { margin-bottom: 0; } .smartlib-item-list li { padding: 10px 0; vertical-align: middle; } .smartlib-item-list li .smartlib-thumbnail-outer { margin: 0; float: left; max-width: 30%; padding: 0 15px 0 0; } .smartlib-item-list li .smartlib-thumbnail-outer img { max-width: 100%; } .smartlib-item-list li h4 { display: inline; } /*main content container*/ .smartlib-content-container { padding: 0; overflow: hidden; } .smartlib-content-container h2 { margin-bottom: 40px; } .smartlib-content-container h3 { margin: 30px 0; } .smartlib-content-container-background { padding: 30px; background: #eee; } .smartlib-article-column-box .smartlib-content-container { padding-bottom: 0; padding-top: 0; padding-left: 30px; } .smartlib-small-box h3 { font-size: 20px; } .smartlib-small-box p { margin: 0; } .smartlib-small-box .panel { margin: 0; } /*Caption hover box*/ .smartlib-caption-box { position: relative; overflow: hidden; } .smartlib-caption-box img { max-width: 100%; display: block; position: relative; -webkit-transition: transform 0.4s, opacity 0.2s; -o-transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s; } .smartlib-caption-box:hover img { -webkit-transform: translate(0, -80px); -ms-transform: translate(0, -80px); -o-transform: translate(0, -80px); transform: translate(0, -80px); opacity: 0.3; } .smartlib-caption-box:hover .smartlib-caption-buttons-area { -webkit-transform: translate(0, 150px); -ms-transform: translate(0, 150px); -o-transform: translate(0, 150px); transform: translate(0, 150px); } .smartlib-caption-box.panel { margin-bottom: 0; } .smartlib-caption-box .samrtlib-caption { position: absolute; left: 0; padding: 20px; background: #212121; width: 100%; bottom: 0; opacity: 0; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: transform 0.4s, opacity 0.1s; -o-transition: transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; color: #ffffff; } .smartlib-caption-box .samrtlib-caption h4, .smartlib-caption-box .samrtlib-caption h3 { color: #ffffff; margin-top: 0; } @media (max-width: 1300px) and (min-width: 768px) { .smartlib-caption-box .samrtlib-caption p { display: none; } } .smartlib-caption-box:hover .samrtlib-caption { opacity: 1; transform: translateY(0px); transition: transform 0.4s, opacity 0.1s; } .smartlib-caption-box .smartlib-caption-buttons-area { position: absolute; width: 100%; top: -100px; text-align: center; -webkit-transition: transform 0.4s, opacity 0.2s; -o-transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s; } /*image section*/ .smartlib-image-box-container { height: 500px; } .smartlib-image-box-container .container { height: 500px; } .smartlib-image-box-container .smartlib-table-cell { vertical-align: middle; } /* #Misc ================================================== */ /* Button */ .btn [class^="icon-"], .btn [class*=" icon-"] { background: none; margin-right: 0.25em; } .btn { outline: none; } .btn:focus { outline: none; } /* Label */ .label [class^="icon-"], .label [class*=" icon-"] { background: none; margin-right: 0.25em; } .label { white-space: normal; } .label p { margin: 0; } /* Alert */ .alert p { margin: 0; } /* Image styling */ .alignleft { float: left; margin: 5px 20px 10px 0; } .aligntextleft { text-align: left; } .alignright { float: right; margin: 5px 0 10px 20px; } .aligntextright { text-align: right; } .aligncenter, div.aligncenter { display: block; margin: 0 auto 0; text-align: center; } .aligntextcenter { text-align: center; } .alignnone { margin: 5px 0 10px 0; } .thumbnail .alignnone { margin: 0; } a img.alignleft { float: left; margin: 5px 20px 10px 0; } a img.alignright { float: right; margin: 5px 0 10px 20px; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } a img.alignnone { margin: 5px 0 10px 0; } article .post-content img { max-width: 100%; } .sticky.smartlib-article-box { background: #e5e5e5; } .sticky.smartlib-article-box .smartlib-footer-meta-line { border-top: 1px solid #cccccc; } .bypostauthor { background: #e5e5e5; } /* Image caption */ .wp-caption { max-width: 100%; } .wp-caption-text, .gallery-caption { max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { max-width: 100%; margin: 5px 0 10px 0; } .wp-caption.alignleft { margin: 5px 20px 10px 0; } .wp-caption.alignright { margin: 5px 0 10px 20px; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Featured thumbnail */ .featured-thumbnail { position: relative; float: left; overflow: hidden; margin: 5px 20px 10px 0; } .featured-thumbnail a { position: relative; display: block; } .featured-thumbnail.large { overflow: hidden; margin-right: 0; margin-bottom: 1.5em; float: none; } .featured-thumbnail.large img { width: 100%; height: auto; } /* Frame styling */ figure.frame { padding: 7px; background: #fff; text-align: center; } .frame img.alignleft, .frame img.alignright { margin: 0; padding: 0; border: none; } /* List styling */ .list > ul { margin: 0; } .list.unstyled > ul li { margin: 0 0 .5em 0; padding: 0; border: none; background: none; list-style-type: none; } .list.unstyled > ul li:before { display: none; } .list.styled > ul { margin: 0 0 1em 0; } .list.styled > ul li { position: relative; margin: 0 0 .5em 0; padding: 0; border: none; background: none; list-style-type: none; } .list li { position: relative; } .list li:before { display: inline-block; margin-right: 5px; width: 14px; height: 14px; content: attr(data-icon); font-family: 'FontAwesome'; line-height: 14px; speak: none; } /* Check List */ .list.check-list > ul li:before { content: "\f00c"; } /* Check2 List */ .list.check2-list > ul li:before { content: "\f078"; } /* Arrow List */ .list.arrow-list > ul li:before { content: "\f054"; } /* Arrow2 List */ .list.arrow2-list > ul li:before { content: "\f061"; } /* Star List */ .list.star-list > ul li:before { content: "\f005"; } /* Plus List */ .list.plus-list > ul li:before { content: "\f067"; } /* Minus List */ .list.minus-list > ul li:before { content: "\f068"; } /* Lightbox */ .lightbox { position: relative; display: block; } /* Title Box */ .title-box { margin-bottom: 1em; } .title-box_icon { float: left; margin: 0 20px 0 0; } .title-box_primary { border: none; background: none; padding: 0; margin: 0; } .title-box_secondary { border: none; background: none; padding: 0; margin: 0; } /* Tabs */ .tabs-wrapper { margin-bottom: 20px; } /* Dropcap */ .dropcap { position: relative; display: block; float: left; overflow: hidden; margin: 0 20px 20px 0; width: 50px; height: 50px; background: #3A87AD; color: #ffffff; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 36px; line-height: 50px; } /* Horizontal Rule */ .hr { overflow: hidden; margin: 30px 0px; height: 1px; background: #eee; font-size: 0; line-height: 0; } .sm_hr { overflow: hidden; margin: 20px 0px; height: 1px; font-size: 0; line-height: 0; } /* Spacer */ .spacer { overflow: hidden; height: 30px; font-size: 0; line-height: 0; } /* Diviver */ .vertical-divider { margin-left: 20px; padding-left: 40px; } /* Text Highlight */ .text-highlight { padding: .25em .2em; background-color: #FFA; color: #666; } /* Code */ code.block { display: block; } code.code-indent { display: block; margin: 20px 0; } code, pre { margin-bottom: 20px; } /* Google Map */ .google-map { position: relative; } .google-map:before { z-index: -1; top: 50%; left: 50%; margin: -10px 0 0 -10px; } .map_loader { position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px; z-index: -1; } /* Make sure videos and embeds fit their containers. */ embed, iframe, object, video { max-width: 100%; } /* VIDEO */ .video-wrap { position: relative; overflow: hidden; margin-bottom: 1.5em; padding-top: 30px; padding-bottom: 56.25%; height: 0; } .video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .html5-video { padding: 0; height: auto; } /* AUDIO */ .audio-wrap { margin-bottom: 1.5em; } /* jPlayer -------------------------------------------------------------- */ div.jp-audio, div.jp-video { width: 100%; color: #a7a7a7; line-height: 2.2em; } div.jp-video video, div.jp-video object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; } div.jp-audio { width: 100%; } div.jp-video.fullwidth .jp-type-list-parent { position: relative; overflow: hidden; padding-bottom: 56.25%; width: 100%; height: 0; } div.jp-video.fullwidth.playlist { padding-bottom: 0; height: auto; } div.jp-video.fullwidth .jp-type-single, div.jp-video.fullwidth .jp-type-list { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } div.jp-video-full { position: static !important; position: relative; width: 100%; height: 100%; } div.jp-video-full div.jp-jplayer { position: fixed; top: 0; left: 0; z-index: 9999999; overflow: hidden; } div.jp-video-full div.jp-gui { position: fixed; top: 0; left: 0; z-index: 9999999; width: 100%; height: 100%; } div.jp-video-full div.jp-interface { position: absolute; bottom: 0; left: 0; z-index: 1000; } div.jp-interface { position: relative; overflow: hidden; width: 100%; height: 35px; border-bottom: 1px solid #4E4E4E; -webkit-transition: opacity 0.5s ease-in-out, margin 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out, margin 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out, margin 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out, margin 0.5s ease-in-out; transition: opacity 0.5s ease-in-out, margin 0.5s ease-in-out; } div.jp-interface li { padding-left: 0; } div.jp-video div.jp-interface { margin: 0; } div.jp-video:hover div.jp-interface { margin: -36px 0 0; } div.jp-controls-holder { position: absolute; top: 7px; left: 0; overflow: hidden; width: 100%; } div.jp-interface ul.jp-controls { overflow: hidden; margin: 0; padding: 0; list-style-type: none; } ul.jp-controls, div.jp-interface ul.jp-controls li { display: inline; float: left; } ul.jp-controls a, div.jp-interface ul.jp-controls li a { display: block; overflow: hidden; padding-right: 2px; background: url(../images/jp_spacer.png) 100% 1px no-repeat; text-indent: -9999px; } ul.jp-controls a span, div.jp-interface ul.jp-controls li a span { display: block; overflow: hidden; text-indent: -9999px; } a.jp-play span, a.jp-pause span { width: 28px; height: 28px; } a.jp-play span { background: url(../images/jp_sprite.png) 0 0 no-repeat; } a.jp-play:hover span { background-position: -28px 0; } a.jp-pause span { display: none; background: url(../images/jp_sprite.png) 0 -28px no-repeat; } a.jp-pause:hover span { background-position: -28px -28px; } a.jp-stop span, a.jp-previous span, a.jp-next span { width: 28px; height: 28px; } a.jp-stop span { background: url(../images/jp_sprite.png) 0 -56px no-repeat; } a.jp-stop:hover span { background-position: -28px -56px; } a.jp-previous span { background: url(../images/jp_sprite.png) -56px -28px no-repeat; } a.jp-previous:hover span { background-position: -84px -28px; } a.jp-next span { background: url(../images/jp_sprite.png) -56px 0 no-repeat; } a.jp-next:hover span { background-position: -84px 0; } div.jp-progress { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 7px; border-bottom: 1px solid #777; background-color: #303030; } div.jp-seek-bar { width: 0; height: 100%; cursor: pointer; } div.jp-play-bar { width: 0; height: 100%; } div.jp-seeking-bg { background: url(../images/jp_load.gif) 0 0 repeat-x; } a.jp-mute, a.jp-unmute, a.jp-volume-max { position: relative; } a.jp-mute, a.jp-unmute { margin: 0 60px 0 0; } a.jp-mute span { background: url(../images/jp_sprite.png) 0 -84px no-repeat; } a.jp-mute:hover span { background-position: -28px -84px; } a.jp-unmute span { display: none; background: url(../images/jp_sprite.png) 0 -112px no-repeat; } a.jp-unmute:hover span { background-position: -28px -112px; } div.jp-volume-bar { position: absolute; top: 10px; right: 8px; z-index: 2; overflow: hidden; width: 50px; height: 7px; background-color: #202020; cursor: pointer; } div.jp-audio div.jp-volume-bar { right: 8px; } div.jp-volume-bar-value { width: 0; height: 7px; } div.jp-current-time, div.jp-time-sep, div.jp-duration { margin-top: 6px; font-size: 0.85em; } div.jp-current-time { display: inline; float: right; color: #ffffff; } div.jp-time-sep { display: inline; float: right; margin-right: 5px; margin-left: 5px; text-align: center; } div.jp-duration { display: inline; float: right; margin-right: 130px; text-align: right; } div.jp-audio div.jp-duration { margin-right: 100px; } @media (max-width: 480px) { div.jp-volume-bar, .jp-toggles, div.jp-duration { display: none !important; } } div.jp-title { color: #fff; text-align: center; } div.jp-title, div.jp-playlist { width: 100%; } div.jp-type-single div.jp-title, div.jp-type-playlist div.jp-title, div.jp-type-single div.jp-playlist { border-top: none; } div.jp-title ul, div.jp-playlist ul { margin: 0; padding: 0; list-style-type: none; } div.jp-title li { padding: 5px 0 0; font-weight: bold; } div.jp-video-full div.jp-title li { padding: 1px 0; } div.jp-playlist li { position: relative; background: #222; margin: 0; padding: 0; height: 33px; } div.jp-playlist li:first-child { border: none; } div.jp-playlist li a { display: block; padding: 6px 25px; text-decoration: none; } div.jp-playlist li a.jp-playlist-current { background: url(../images/jp_playlist_li_cur.png) no-repeat scroll 10px center transparent; } div.jp-playlist li a:hover, div.jp-playlist li.jp-playlist-current a { color: #8C8C8C; } div.jp-playlist li div { display: inline; } div.jp-playlist a.jp-playlist-item-remove { display: inline; float: right; margin-right: 10px; color: #666666; text-align: right; font-weight: bold; } div.jp-playlist a.jp-playlist-item-remove:hover { color: #0d88c1; } div.jp-playlist span.jp-free-media { display: inline; float: right; margin-right: 10px; text-align: right; } div.jp-playlist span.jp-free-media a { color: #666666; } div.jp-playlist span.jp-free-media a:hover { color: #0d88c1; } span.jp-artist { color: #fefefe; font-size: .9em; } div.jp-video-play { background-color: rgba(0, 0, 0, 0); display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; } div.jp-video-full div.jp-video-play { z-index: 1000; height: 100%; } a.jp-video-play-icon { position: absolute; top: 50%; left: 50%; display: block; margin-top: -25px; margin-left: -40px; width: 80px; height: 50px; background: url(../images/jp_play.png) 0 0 no-repeat; text-indent: -9999px; opacity: 0.7; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } div.jp-video-play:hover a.jp-video-play-icon { opacity: 1; } div.jp-jplayer { background-color: #000000; } ul.jp-toggles { z-index: 1; float: right; overflow: hidden; margin: 0 auto; padding: 0; list-style-type: none; } ul.jp-toggles li { display: block; float: left; } ul.jp-toggles li a { padding-left: 2px; background: url(../images/jp_spacer.png) 0 1px no-repeat; } ul.jp-toggles li a, ul.jp-toggles li a span { display: block; width: 28px; height: 28px; text-indent: -9999px; } a.jp-full-screen span { background: url(../images/jp_sprite.png) -56px -56px no-repeat; } a.jp-full-screen:hover span { background-position: -84px -56px; } a.jp-restore-screen span { background: url(../images/jp_sprite.png) -56px -84px no-repeat; } a.jp-restore-screen:hover span { background-position: -84px -84px; } .jp-no-solution { position: absolute; top: 10px; left: 50%; display: none; margin-left: -202px; padding: 5px; width: 390px; background-color: #404040; color: #000000; font-size: .8em; } .jp-no-solution a { color: #000; } .jp-no-solution span { display: block; text-align: center; font-weight: bold; font-size: 1em; } .wrapper { overflow: hidden; position: relative; width: 100%; } .extra-wrap { overflow: hidden; } .row > br, .row > p { display: none; } /* Adding relative position for grid */ [class*="span"] { position: relative; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* prettyPhoto styling for small screens */ @media (max-width: 480px) { .pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; } div.pp_default .pp_content_container .pp_left { padding-left: 0!important; } div.pp_default .pp_content_container .pp_right { padding-right: 0!important; } .pp_content { width: 100%!important; height: auto!important; } .pp_fade { width: 100%!important; height: 100%!important; } a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; } #pp_full_res img { width: 100%!important; height: auto!important; } .pp_details { width: 94%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px !important; } a.pp_close { right: 10px!important; top: 10px!important; } } /*Post social networks*/ .post_networks h1, .post_networks h2, .post_networks h3, .post_networks h4, .post_networks h5, .post_networks h6 { padding-bottom: 8px; } .post_networks > ul > li { float: left; display: block; } .post_networks > ul > li span { margin-right: 10px; } /* Preloaders */ .spinner_32, .thumbnail, .accordion_loader, .google-map, .flexslider, .camera_loader, .preloader { background: url('../images/loading_32.gif') 50% 50% no-repeat; background: url('../images/loading_32.gif') 50% 50% no-repeat, url('../images/loading_bg_32.png') 50% 50% no-repeat; } .spinner_16, div.ajax-loader, .thumbnail[rel^="prettyPhoto"] { background: url('../images/loading_16.gif') 50% 50% no-repeat; background: url('../images/loading_16.gif') 50% 50% no-repeat, url('../images/loading_bg_16.png') 50% 50% no-repeat; } .camera_loader { border: none; opacity: 0.3; } .preloader { margin-bottom: 20px; } img.ajax-loader { display: none; } div.ajax-loader { position: relative; display: none; vertical-align: top; margin-top: 4px; width: 20px; height: 20px; } /* End Preloaders */ /* GENERAL ================================================== */ /*content typhography blocks*/ blockquote { border-left-color: #009688; background: #f2f2f2; font-style: italic; overflow: hidden; } blockquote.smartlib-half-blockquote { width: 50%; margin-right: 30px; } blockquote p { margin-top: 10px; } blockquote p:before { content: open-quote; font-size: 4em; line-height: 2px; margin-right: 10px; padding-top: 20px; vertical-align: -0.5em; } blockquote footer { font-style: normal; float: right; clear: both; } .smartlib-thumbnail-outer { position: relative; max-width: 100%; } .smartlib-thumbnail-outer .smartlib-data-line { background: #feb606; color: #ffffff; padding: 5px 10px; } .smartlib-thumbnail-outer .smartlib-data-line time { color: #ffffff; } .smartlib-thumbnail-outer > a { position: relative; transition: all 0.3s linear; display: block; } .smartlib-thumbnail-outer > a:before { content: ''; display: block; height: 100%; width: 0; background: rgba(255, 255, 255, 0.2); position: absolute; top: 0; left: 0; } .smartlib-thumbnail-outer > a:hover:before { right: 0; bottom: 0; width: 100%; } .smartlib-thumbnail-outer > a:hover img { opacity: 1; } .smartlib-thumbnail-outer img { max-width: 100%; height: auto !important; } @media (max-width: 768px) { .smartlib-thumbnail-outer img { min-width: 100%; height: auto !important; } } .smartlib-thumbnail-outer .smartlib-format-ico { display: block; width: 30px; height: 30px; position: absolute; top: 0; right: 0; background: #0090d2; padding: 5px; color: #ffffff; z-index: 2; } .smartlib-thumbnail-outer .label { position: absolute; } .smartlib-thumbnail-outer .smartlib-category-line { top: 30px; left: 0; z-index: 2; } .smartlib-thumbnail-outer .smartlib-meta-line { position: absolute; bottom: 0; margin: 0; } .smartlib-thumbnail-hover-area { position: relative; overflow: hidden; } .smartlib-thumbnail-hover-area .smartlib-thumbnail-caption { position: absolute; top: 100%; left: 15px; right: 15px; height: 100%; z-index: 200; background-color: rgba(0, 0, 0, 0.5); padding: 15px; transition: all 0.3s linear; color: #ffffff; } .smartlib-thumbnail-hover-area .smartlib-thumbnail-caption.smartlib-wide-caption { left: 0; right: 0; } .smartlib-thumbnail-hover-area .smartlib-thumbnail-caption h4 { margin-top: 0; } .smartlib-thumbnail-hover-area .smartlib-thumbnail-caption p { padding-top: 10px; } .smartlib-thumbnail-hover-area .smartlib-hover-options { position: absolute; top: -2000px; right: 30px; } @media (max-width: 768px) { .smartlib-thumbnail-hover-area .smartlib-hover-options { top: 30px; } } .smartlib-thumbnail-hover-area .smartlib-thumbnail-caption a { color: #ffffff; } .smartlib-thumbnail-hover-area:hover .smartlib-thumbnail-caption { top: 0; } .smartlib-thumbnail-hover-area:hover .smartlib-hover-options { top: 30px; } /* LOOP & SINGLE ================================================== */ .smartlib-article-box .smartlib-content-container { padding: 0 20px; } .smartlib-article-box, .smartlib-page-container { margin-bottom: 30px; background: #fff; position: relative; } .smartlib-article-box .smartlib-date-label, .smartlib-page-container .smartlib-date-label { background: #009688; padding: 10px 0; display: block; color: #fff; font-size: 12px; text-align: center; } .smartlib-article-box .smartlib-date-label strong, .smartlib-page-container .smartlib-date-label strong { font-size: 40px; line-height: 1; width: 100%; display: inline-block; } .smartlib-article-box .smartlib-date-label time, .smartlib-page-container .smartlib-date-label time { width: 100%; display: inline-block; } .smartlib-article-box.smartlib-article-column-box, .smartlib-page-container.smartlib-article-column-box { padding: 30px 20px; } .smartlib-article-box.smartlib-article-column-box .smartlib-date-label, .smartlib-page-container.smartlib-article-column-box .smartlib-date-label { min-width: 100%; } .smartlib-article-box.smartlib-article-column-box .smartlib-date-label strong, .smartlib-page-container.smartlib-article-column-box .smartlib-date-label strong { font-size: 25px; } .smartlib-article-box.smartlib-article-column-box h3, .smartlib-page-container.smartlib-article-column-box h3 { margin-top: 0; } .smartlib-article-box.smartlib-article-column-box .smartlib-thumbnail-outer, .smartlib-page-container.smartlib-article-column-box .smartlib-thumbnail-outer { margin-bottom: 0; } .smartlib-article-box .smartlib-author-info, .smartlib-page-container .smartlib-author-info { background: none; border-top: 1px solid #f2f2f2; padding: 20px 0; } .smartlib-article-box .smartlib-author-info h3, .smartlib-page-container .smartlib-author-info h3 { margin-top: 0; } .smartlib-article-box .smartlib-author-info .smartlib-author-description p, .smartlib-page-container .smartlib-author-info .smartlib-author-description p { font-size: 12px; } .smartlib-article-box .smartlib-author-info .smartlib-author-link, .smartlib-page-container .smartlib-author-info .smartlib-author-link { clear: both; padding-top: 15px; } .smartlib-article-box h1, .smartlib-page-container h1 { margin-top: 15px; } .smartlib-article-box .smartlib-page-header, .smartlib-page-container .smartlib-page-header { padding: 0; } .smartlib-article-box img, .smartlib-page-container img { max-width: 100%; height: auto; } #page.smartlib-no-sidebar .smartlib-page-container { padding: 40px; } @media (max-width: 768px) { #page.smartlib-no-sidebar .smartlib-page-container { padding: 20px; } } /*META LINE*/ .smartlib-category-line { font-size: 90%; overflow: hidden; display: inline-block; vertical-align: middle; word-break: break-all; } .smartlib-category-line a { color: #fff; } .smartlib-meta-line { clear: both; margin-top: 0; color: #d0d0d0; } .smartlib-meta-line span { margin-right: 15px; } .smartlib-meta-line.smartlib-footer-meta-line { margin: 20px 0 10px 0; border-top: 1px solid #f2f2f2; overflow: hidden; padding-top: 10px; } /* SINGLE POST ================================================== */ .single { /*disable meta line if side panel is displaing*/ /*side single post panel*/ } .single .smartlib-meta-line { padding-bottom: 15px; } .single .smartlib-content-container { padding: 30px 20px; } @media (min-width: 1460px) { .single .smartlib-data-line { display: none; } } .single .smartlib-thumbnail-outer { margin: 0 -15px 0 -15px; max-width: none; } .single .smartlib-side-post-panel { clear: both; width: 100%; min-height: 100px; padding-top: 30px; } .single .smartlib-side-post-panel .smartlib-date-label { display: none; } .single .smartlib-side-post-panel .smartlib-single-article-social-buttons li { display: inline-block; } @media (min-width: 1610px) { .single .smartlib-side-post-panel { width: 130px; position: absolute; top: 0; left: -145px; padding: 15px; background: #ffffff; display: block; /*social icons*/ } .single .smartlib-side-post-panel .smartlib-date-label { display: block; } .single .smartlib-side-post-panel .smartlib-single-article-social-buttons { margin: 55px 0 0 0; padding: 0; float: left; } .single .smartlib-side-post-panel .smartlib-single-article-social-buttons li { clear: both; list-style: none; margin-bottom: 15px; float: left; padding-left: 15px; height: auto; } .single .smartlib-side-post-panel .smartlib-single-article-social-buttons li div { max-width: 100px; } .single .smartlib-side-post-panel .smartlib-single-article-social-buttons li iframe { max-width: 100px; } } @media (max-width: 1610px) { .single .smartlib-side-post-panel { min-height: 130px; } .single .smartlib-side-post-panel .smartlib-single-article-social-buttons { float: left!important; padding-left: 0; } .single .smartlib-side-post-panel .smartlib-single-article-social-buttons li { padding: 0 15px 10px 0; } } .single .smartlib-entry-tags { padding: 0 20px; } .smartlib-tags-list li { margin: 0 5px 5px 0; padding: 0; } .smartlib-right-content .smartlib-side-post-panel { left: auto; right: -145px; } /*GALLERY*/ .smartlib-gallery-list { margin: 10px -15px; } .smartlib-gallery-list li { margin-bottom: 30px; } .gallery-item a img { border: none !important; } .smartlib-author-meta-image { display: inline-block; vertical-align: middle; } .smartlib-author-meta-image img { vertical-align: middle; } /* author section - above loop*/ .smartlib-author-info { margin: 30px 0; background: #e4e4e4; padding: 20px; } .smartlib-author-info h3 { margin: 0 0 10px; font-size: 16px; } .smartlib-author-info .smartlib-author-avatar { float: left; padding-right: 15px; } .smartlib-author-avatar { max-width: 100%; } .smartlib-author-avatar img { max-width: 100%; height: auto; } /*single post navigation*/ .smartlib-single-next-prev { margin: 30px 0 30px 0; } .smartlib-pagination-area { text-align: center; padding: 30px 0; overflow: hidden; /*prev next*/ } .smartlib-pagination-area .pagination { display: inline-block; } .smartlib-pagination-area .smartlib-next-prev { float: left; } .smartlib-pagination-area .smartlib-next-prev a { margin-right: 15px; } @media (max-width: 1300px) { .smartlib-pagination-area { padding: 15px; } } /*related posts box*/ .smartlib-related-posts { position: relative; padding: 0 20px; } .smartlib-related-posts .smartlib-layout-list { width: 100%; } .smartlib-related-posts .smartlib-layout-list li { width: 50%; float: left; padding-right: 30px; } @media (max-width: 768px) { .smartlib-related-posts .smartlib-layout-list li { width: 100%; clear: both; } } .smartlib-related-posts h4 { font-size: 18px; font-weight: 600; } .smartlib-related-posts h3 { margin: 30px 0; } @media (max-width: 768px) { .smartlib-related-posts h3 { font-size: 25px; } } /* PAGE ================================================== */ .smartlib-page-container { padding-bottom: 40px; } .smartlib-breadcrumb-section .breadcrumb { margin: 15px 0; background: none; } .breadcrumb .smartlib-separator { display: inline-block; padding: 0 10px; } .smartlib-page-title { display: inline-block; } .smartlib-page-title small { clear: both; display: block; color: #009688; text-transform: none; } .smartlib-page-image-header { height: 320px; overflow: hidden; background-size: cover; } .smartlib-page-image-header .breadcrumb { background: none; display: inline-block; margin-top: 50px; } .smartlib-page-image-header.smartlib-dark-section .breadcrumb { color: #fff; } .smartlib-page-image-header.smartlib-dark-section .breadcrumb li { color: #fff; } .smartlib-page-image-header.smartlib-dark-section .breadcrumb a { color: #009688; } .smartlib-page-image-header-large { height: 520px; } .smartlib-page-slider-header { height: 320px; overflow: hidden; } .smartlib-page-image-header .container { height: 100%; } .smartlib-page-image-header .smartlib-table-cell { vertical-align: middle; } .smartlib-page-header { margin-bottom: 40px; padding: 50px 0 25px; } .smartlib-page-header h1, .smartlib-page-header h2 { margin: 0; padding: 0; } .breadcrumb + .smartlib-page-header { margin-top: -25px; } /* ARCHIVES ================================================== */ .archive-title { font-size: 30px; margin-bottom: 30px; } /* PORTFOLIO ================================================== */ .smartlib-layout-isotope-list { min-height: 800px; /*fix hrome problem with box height*/ } @media (max-width: 992px) { .smartlib-layout-isotope-list li { width: 100%!important; } .smartlib-layout-isotope-list li img { min-width: 100%; height: auto; } } .smartlib-layout-isotope-list.smartlib-isotope-list-3-columns li { min-height: 450px; } .smartlib-layout-isotope-list.smartlib-isotope-list-4-columns li { min-height: 350px; } .smartlib-portfolio-column { margin-bottom: 30px; } .smartlib-sort-source li { margin: 0; } .smartlib-sort-source li a { padding: 10px 15px; } .smartlib-sort-source li a.smartlib-active-filter, .smartlib-sort-source li a:hover { background: #009688; color: #fff; } /*portfolio slider*/ .smartlib-portfolio-content .smartlib-page-header { margin-bottom: 0; } .smartlib-portfolio-content .smartlib-slider-container { overflow: hidden; } .smartlib-portfolio-content .breadcrumb { margin-bottom: 0; } .smartlib-portfolio-content .page-header { padding: 0; } .smartlib-portfolio-content .smartlib-page-header { padding: 40px 0; } @media (max-width: 1300px) { .smartlib-portfolio-content .smartlib-page-header { padding: 40px 15px; } } /*single portfolio page*/ .single .smartlib-portfolio-content .smartlib-page-header { padding: 70px 0 20px; overflow: hidden; } @media (max-width: 1300px) { .single .smartlib-portfolio-content .smartlib-page-header { padding: 40px 15px 0; } } /* HOME PAGE ================================================== */ .smartlib-main-image-header { max-width: 100%; padding-bottom: 30px; } .smartlib-main-image-header img { max-width: 100%; height: auto; } /* GENERAL ================================================== */ /* NAVBAR GENERAL ================================================== */ /*logo*/ .smartlib-logo-header { margin: 0; padding: 0; max-height: 100%; width: 100%; height: 77px; vertical-align: middle; display: table-cell; transition: all 0.4s linear; position: relative; z-index: 200; } .smartlib-logo-header .smartlib-image-logo-link { padding: 0; height: auto; max-width: 100%; max-height: 100%; display: block; color: #fff; } .smartlib-logo-header a{ color: #fff; } @media (max-width: 480px) { .smartlib-logo-header .smartlib-image-logo-link { width: 80%; } } .smartlib-logo-header .smartlib-image-logo-link img { display: block; transition: all 0.3s linear; max-width: 100%; max-height: 100%; height: auto; } .smartlib-logo-header .smartlib-image-logo-link.smartlib-small-logo img { max-width: 70%; margin: 0; bottom: 10px; left: 15px; } .smartlib-navbar { clear: both; max-width: 100%; background: none; overflow: visible !important; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; min-height: 77px; z-index: 2000; margin-bottom: 0; /*navbar after scroll page*/ } .smartlib-navbar p { margin: 10px 10px; color: #ffffff; } .smartlib-navbar .smartlib-menu a { font-weight: 600; } .smartlib-navbar .smartlib-menu li li a { font-weight: normal; } .smartlib-navbar .navbar-toggle { position: absolute; margin: auto; top: 0; bottom: 0; right: 70px; height: 40px; } .smartlib-navbar.smartlib-header-shrink img { height: auto; transition: all 0.3s linear; } .smartlib-navbar .smartlib-social-icons-navbar { margin: 10px 0 0 0; } .smartlib-navbar .smartlib-topbar-menu { float: left; padding-top: 8px; padding-right: 30px; } @media (min-width: 1300px) { .smartlib-navbar.smartlib-default-top-navbar { margin-bottom: 0; border: none; } .smartlib-navbar.smartlib-nabar-in-grid { max-width: 1200px; margin: 0 auto; } } .smartlib-navbar.smartlib-header-shrink { min-height: 50px; } .smartlib-navbar.smartlib-header-shrink .smartlib-top-navbar { position: relative; bottom: 0; height: 0; } .smartlib-navbar.smartlib-header-shrink .smartlib-top-navbar * { opacity: 0; } .smartlib-navbar.smartlib-header-shrink .smartlib-top-navbar .row { position: absolute; bottom: 0px; } .smartlib-navbar.smartlib-header-shrink .smartlib-top-navbar nav { display: none; } @media (max-width: 1300px) { .smartlib-navbar { background: #2c3e51; } .smartlib-navbar .navbar-toggle { margin-top: 18.5px; position: relative; z-index: 205; } .smartlib-navbar .smartlib-search-navigation-area, .smartlib-navbar .smartlib-landing-navigation-area { position: absolute; width: 100%; top: -77px; left: 0; } .smartlib-navbar .smartlib-search-navigation-area form, .smartlib-navbar .smartlib-landing-navigation-area form { right: 15px; } .smartlib-navbar .smartlib-search-navigation-area form.smartlib-expanded-search-form, .smartlib-navbar .smartlib-landing-navigation-area form.smartlib-expanded-search-form { width: 95%; z-index: 205; } .smartlib-navbar .smartlib-search-navigation-area .navbar-collapse, .smartlib-navbar .smartlib-landing-navigation-area .navbar-collapse { margin-top: 18px; background: #2c3e51; } .smartlib-navbar .smartlib-search-navigation-area .navbar-collapse li a, .smartlib-navbar .smartlib-landing-navigation-area .navbar-collapse li a { padding-left: 30px; } .smartlib-navbar .smartlib-search-navigation-area .navbar-collapse li li, .smartlib-navbar .smartlib-landing-navigation-area .navbar-collapse li li { padding-left: 15px; } .smartlib-navbar .smartlib-landing-navigation-area { top: -77px; left: 0; } } /*Navbar with search*/ @media (min-width: 1300px) { .smartlib-navbar-with-search .smartlib-search-navigation-area { padding-right: 55px; float: right; } } .smartlib-under-navigation { width: 100%; height: 107px; } /* TOP NAVIGATION BAR ================================================== */ .smrtlib-navigation-bar-top { margin-bottom: 0; background: rgba(44, 62, 81, 0.9); } .smrtlib-navigation-bar-top .navbar-nav { padding-top: 7px; } .smrtlib-navigation-bar-top .navbar-nav li > a:hover { color: #feb606; } @media (max-width: 992px) { .smrtlib-navigation-bar-top .navbar-nav { padding: 0 15px; } .smrtlib-navigation-bar-top .navbar-nav li { float: left; } } /* BOTTOM NAVIGATION BAR ================================================== */ /* MAIN NAVIGATION ================================================== */ /* NAVBAR WITH SEARCH ================================================== */ .smrtlib-navigation-bar-bottom .navbar-nav { padding: 0 15px; } .smrtlib-navigation-bar-bottom .navbar-nav li > a:hover { background: #009688; } .smrtlib-navigation-bar-bottom .navbar-header { position: relative; } .smrtlib-navigation-bar-bottom .navbar-header .navbar-toggle { margin-right: 0; position: absolute; top: 0; right: -50px; width: 50px; text-align: center; } /*Main search form*/ .smartlib-main-search-form { width: 100%; } .smartlib-main-search-form .input-group { margin-top: 15px; } /*navbar search action*/ .smartlib-expandable-form-area { width: 50px; position: relative; } .navbar-default form[role="search"] { position: absolute; top: 15px; right: -50px; width: 400px; padding: 0px; margin: 0px; z-index: 0; } .navbar-default form[role="search"] button, .navbar-default form[role="search"] input { padding: 8px 12px; border-radius: 0px; border-width: 0px; box-shadow: none; outline: none; } .navbar-default form[role="search"] input { padding: 16px 12px; font-size: 14pt; font-style: italic; color: #a0a0a0; box-shadow: none; } .navbar-default form[role="search"] button[type="reset"] { display: none; } .navbar-default form[role="search"] .input-group { width: 100%; text-align: right; } .navbar-default form[role="search"] .input-group-btn { width: 100px; background: rgba(44, 62, 81, 0.9); } .navbar-default { padding-top: 0px !important; padding-right: 50px !important; } .navbar-default form[role="search"] { width: 50px; } .navbar-default form[role="search"] button, .navbar-default form[role="search"] input { padding: 15px 12px; } .navbar-default form[role="search"] input { padding: 25px 12px; font-size: 18pt; opacity: 0; display: none; } .navbar-default form[role="search"].active { width: 400px; max-width: 100%; } .navbar-default form[role="search"].active button, .navbar-default form[role="search"].active input { display: table-cell; opacity: 1; } .navbar-default form[role="search"].active input { width: 100%; } /* FOOTER MAIN SECTION ================================================== */ .smartlib-footer-area { clear: both; } .smartlib-footer-area .smartlib-content-section { padding: 40px 0; } .smartlib-footer-area .smartlib-dark-section { background-color: #212121; } .smartlib-footer-area h3 { font-size: 24px; margin-top: 0; } /* FOOTER GO TO TOP BTN ================================================== */ .smartlib-btn-go-top { width: 50px; height: 50px; padding: 10px; text-align: center; text-decoration: none; position: fixed; bottom: 40px; border-radius: 0; right: -50px; z-index: 200; transition: all 0.2s ease-in; } .smartlib-btn-go-top.slideInUp { border-radius: 100%; right: 10px; bottom: 40px; } .smartlib-btn-go-top:hover { text-decoration: none; } .smartlib-btn-go-top:before, .smartlib-btn-go-top:after { display: none; } /* FOOTER SIDEBAR ================================================== */ .smartlib-footer-sidebar .widget_text { margin-bottom: 15px; border-bottom: 1px solid #333333; } .smartlib-footer-sidebar .widget_recent_entries ul, .smartlib-footer-sidebar .widget_recent_comments ul, .smartlib-footer-sidebar .widget_archive ul, .smartlib-footer-sidebar .widget_categories ul, .smartlib-footer-sidebar .widget_meta ul { padding: 15px 0; } .smartlib-footer-sidebar .widget_recent_entries ul li, .smartlib-footer-sidebar .widget_recent_comments ul li, .smartlib-footer-sidebar .widget_archive ul li, .smartlib-footer-sidebar .widget_categories ul li, .smartlib-footer-sidebar .widget_meta ul li { border-bottom: 1px solid #333333; } /* FOOTER BOTTOM ================================================== */ .smartlib-bottom-footer .smartlib-menu { list-style: none; margin: 0; padding: 0 0 30px 0; overflow: hidden; } .smartlib-bottom-footer .smartlib-menu li { float: left; margin-right: 30px; } .smartlib-bottom-footer .smartlib-menu li a { display: block; padding: 7px 0; } /* GENERAL SIDEBAR STYLES ================================================== */ .smartlib-widget h3 { font-size: 20px; } /*list*/ @media (max-width: 1300px) { .smartlib-widget-list > li:after { content: ''; display: block; border-bottom: 1px solid #f2f2f2; margin: 0 15px; } } .smartlib-widget-list > li { width: 100%; } .smartlib-widget-list .list-inline li { width: auto; } .smartlib-widget-icon { width: 20%; max-width: 50px; float: left; vertical-align: middle; font-size: 50px; padding-right: 15px; } .smartlib-widget-icon * { vertical-align: middle; } .smartlib-widget-icon + h3 { width: 80%; float: left; margin: 0 !important; padding-left: 15px; } .smartlib-widget-icon + h3 small { clear: both; display: block; } /* DEFAULT WIDGETS MODYFICATIONS ================================================== */ .widget_recent_entries ul, .widget_recent_comments ul, .widget_archive ul, .widget_categories ul, .widget_meta ul { list-style: none; padding: 20px; margin: 0; } .widget_recent_entries ul li:first-child, .widget_recent_comments ul li:first-child, .widget_archive ul li:first-child, .widget_categories ul li:first-child, .widget_meta ul li:first-child { padding-top: 0; } .widget_recent_entries ul li, .widget_recent_comments ul li, .widget_archive ul li, .widget_categories ul li, .widget_meta ul li { border-bottom: 1px solid #f2f2f2; padding: 10px 0; vertical-align: middle; } .widget_recent_entries ul li:last-child, .widget_recent_comments ul li:last-child, .widget_archive ul li:last-child, .widget_categories ul li:last-child, .widget_meta ul li:last-child { border: none; } .widget_recent_entries ul li:before, .widget_recent_comments ul li:before, .widget_archive ul li:before, .widget_categories ul li:before, .widget_meta ul li:before { content: ''; display: inline-block; width: 5px; height: 5px; background: #009688; margin-right: 7px; } .widget_text .textwidget { padding-top: 20px; padding-bottom: 20px; } .widget_text .textwidget h4:first-child, .widget_text .textwidget h5:first-child { margin-top: 0; } @media (max-width: 480px) { .textwidget .row { margin: 0; } } /*menu widget*/ /*smartlib general menu*/ .smartlib-menu li { text-transform: uppercase; font-family: 'Roboto', sans-serif; } .widget_nav_menu ul { list-style: none; padding: 0; margin: 0; } .widget_nav_menu .panel-heading { padding-bottom: 15px; background: #212121; } .widget_nav_menu .panel-heading h3 { color: #fff; } .widget_nav_menu .panel-heading .smartlib-header-with-decorator:after { background: #009688; } .widget_nav_menu .panel-heading + div { padding: 0; } .widget_nav_menu li { clear: both; min-width: 200px; border-bottom: 1px solid #f2f2f2; text-transform: uppercase; position: relative; padding: 0 15px; } .widget_nav_menu li:hover { background: #ffffff; } .widget_nav_menu li:hover:before, .widget_nav_menu .current-menu-item:before { content: ''; display: block; width: 2px; height: 100%; background: #009688; position: absolute; left: 0; } .widget_nav_menu a { color: #009688; position: relative; padding: 10px 0; display: block; } .widget_nav_menu .current-menu-item a, .widget_nav_menu a:hover { color: #212121; } /*tags widget*/ .tagcloud a { font-size: 12px!important; padding: 3px 5px; text-transform: uppercase; background: #009688; color: #fff; } .tagcloud a:hover { background: #00b2a1; } /* HELPER CLASS ================================================== */ .widget-no-padding { padding: 0; } .widget-no-padding .panel-heading, .widget-no-padding .panel-body { padding-left: 0; padding-right: 0; } /* CUSTOM WIDGETS ================================================== */ /*smartlib last articles widget*/ .smartlib-last-articles-widget .widget-post-title { margin: 0; font-size: 20px; } .smartlib-last-articles-widget .smartlib-widget-image-outer { padding-bottom: 10px; float: left; max-width: 100%; } .smartlib-last-articles-widget .smartlib-widget-image-outer img { max-width: 100%; height: auto; } .smartlib-last-articles-widget .smartlib-meta-line { margin: 0; padding: 0; font-size: 12px; } /*Last articles in columns*/ .widget_blogrock_last_articles_columns_widget .smartlib-column-list { margin: 0 -15px; } /*Section Header Widget */ .panel-grid-cell .so-panel.widget_smartlib-header-section-widget { margin-bottom: 0!important; } /*smartlib counter box*/ .widget_smartlib-counter-box-widget { padding: 0 15px; } .smartlib-full-strech-section .widget_smartlib-counter-box-widget { padding: 0; } .smartlib-counter-box { background: #fff !important; color: #212121; line-height: 1.4; border-bottom: 2px solid #009688; } .smartlib-counter-box p { color: #009688; font-size: 20px; text-transform: uppercase; } /*one author widget*/ .bootframe_one_author h4 { margin-top: 0; } .bootframe_one_author .widget-image-outer { float: left; padding: 0 15px 15px 0; } .smartlib-counter { font-size: 50px; color: #212121; } /*video widget*/ .widget_bootframe-video-widget iframe { max-width: 100%; width: 100%!important; height: auto!important; min-height: 300px; } /*services widget*/ .smartlib-service-widget .smartlib-widget-body { clear: both; } .smartlib-service-widget > header { padding-top: 30px; overflow: hidden; } /*features box widget*/ .smartlib-icon-feture-box { padding-top: 30px; } .smartlib-icon-feture-box img { max-width: 60%; } /*gallery widget*/ .smartlib-gallery-widget li, .smartlib-last-video-widget li { overflow: hidden; } @media (max-width: 768px) { .smartlib-gallery-widget .smartlib-graph-columns li, .smartlib-last-video-widget .smartlib-graph-columns li { width: 50%!important; } } /*get in touch widget*/ .smartlib-get-in-touch-widget li { margin-right: 1px; background: #0090d2; color: #ffffff; text-align: center; vertical-align: middle; padding: 0; } .smartlib-get-in-touch-widget li i { vertical-align: middle; color: #ffffff; } /*call to action*/ .smartlib-call-to-action-box { margin-top: 20px; } .widget_smartlib-simple-call-to-action { padding-bottom: 30px; } /*testimonial widget*/ .smartlib-testimonial-slides { padding-bottom: 80px!important; } .smartlib-testimonial-box .panel { margin-bottom: 0; } .smartlib-testimonial-box p { font-style: italic; } .smartlib-testimonial-box .smartlib-image-with-text-left { width: 80%; margin: 20px auto 0; text-align: left; } .smartlib-testimonial-box .smartlib-testimonial-author { padding: 15px; display: inline-block; font-style: normal; margin-bottom: 0; } /*our logo widget*/ .smartlib-our-clients-widget { padding: 15px 0; } .smartlib-our-clients-widget ul li { padding: 20px 15px; } /** Page Builder helper class */ /*overlay call to action*/ .smartlib-overlay-over-background { position: relative; z-index: 0; background-color: rgba(27, 185, 153, 0.8); } .smartlib-overlay-over-background:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: inherit; } .smartlib-full-strech-section .panel-row-style { max-width: 1200px; margin: 0 auto !important; } @media (max-width: 1300px) { .smartlib-full-strech-section .panel-row-style { padding: 0 15px !important; } } .smartlib-full-width-section .panel-grid-cell { padding: 0!important; } .panel-grid-cell, .smartlib-full-strech-section, .panel-row-style { max-width: 100%!important; } @media (max-width: 768px) { .smartlib-full-strech-section { padding-bottom: 30px; } } /** Page Builder modyfications */ .smartlib-page-blocks .panel-grid { margin: 0 !important; overflow: hidden; } /*Panel row - add section-content css*/ .panel-row-style { width: 1200px; max-width: 100%; margin: 0 auto; } .panel-row-style.siteorigin-panels-stretch { width: 100%; } .panel-row-style.smartlib-full-width-section { width: auto; overflow: hidden; } .smartlib-no-padding-row .panel-grid-cell { padding: 0 !important; } /* Flex Slider General ================================================== */ .smartlib-slider-container, .smartlib-content-section, .flexslider { position: relative; /*slider animation effect*/ /*slider navigation*/ } .smartlib-slider-container .slides, .smartlib-content-section .slides, .flexslider .slides { height: 100%; } .smartlib-slider-container .slides li, .smartlib-content-section .slides li, .flexslider .slides li { height: 100%; position: relative; overflow: hidden; } .smartlib-slider-container .slides li .container, .smartlib-content-section .slides li .container, .flexslider .slides li .container { position: relative; height: 100%; z-index: 1; } .smartlib-slider-container .smartlib-slider-image-bg, .smartlib-content-section .smartlib-slider-image-bg, .flexslider .smartlib-slider-image-bg { width: 100%; height: auto; position: absolute; bottom: 0; left: 0; z-index: 0; } .smartlib-slider-container .flex-active-slide .smartlib-slider-image-bg, .smartlib-content-section .flex-active-slide .smartlib-slider-image-bg, .flexslider .flex-active-slide .smartlib-slider-image-bg { bottom: auto; top: 0; transition: all 5.3s linear; transform: translate(0px, -100px); } .smartlib-slider-container .flex-control-nav, .smartlib-content-section .flex-control-nav, .flexslider .flex-control-nav, .smartlib-slider-container .flex-direction-nav, .smartlib-content-section .flex-direction-nav, .flexslider .flex-direction-nav { position: absolute; z-index: 200; width: 100%; overflow: hidden; text-align: center; top: auto; } .smartlib-slider-container .smartlib-prev-next-nav, .smartlib-content-section .smartlib-prev-next-nav, .flexslider .smartlib-prev-next-nav { position: relative; overflow: hidden; } .smartlib-slider-container .flex-control-nav li, .smartlib-content-section .flex-control-nav li, .flexslider .flex-control-nav li, .smartlib-slider-container .flex-direction-nav li, .smartlib-content-section .flex-direction-nav li, .flexslider .flex-direction-nav li, .smartlib-slider-container .smartlib-prev-next-nav li, .smartlib-content-section .smartlib-prev-next-nav li, .flexslider .smartlib-prev-next-nav li { list-style: none; display: inline-block; padding: 5px; } .smartlib-slider-container .flex-direction-nav, .smartlib-content-section .flex-direction-nav, .flexslider .flex-direction-nav, .smartlib-slider-container .smartlib-prev-next-nav, .smartlib-content-section .smartlib-prev-next-nav, .flexslider .smartlib-prev-next-nav { z-index: 201; bottom: 40%; height: 80px; } .smartlib-slider-container .flex-direction-nav li, .smartlib-content-section .flex-direction-nav li, .flexslider .flex-direction-nav li, .smartlib-slider-container .smartlib-prev-next-nav li, .smartlib-content-section .smartlib-prev-next-nav li, .flexslider .smartlib-prev-next-nav li { width: 35px; height: 60px; position: absolute; left: auto; right: 0; top: 0; padding: 0; } .smartlib-slider-container .flex-direction-nav li a, .smartlib-content-section .flex-direction-nav li a, .flexslider .flex-direction-nav li a, .smartlib-slider-container .smartlib-prev-next-nav li a, .smartlib-content-section .smartlib-prev-next-nav li a, .flexslider .smartlib-prev-next-nav li a { display: block; width: 100%; height: 100%; position: relative; margin: 0; opacity: 1; text-indent: 3000px; top: 0; left: auto; right: 0; bottom: auto; overflow: hidden; text-align: left; background: none; } .smartlib-slider-container .flex-direction-nav li a:hover, .smartlib-content-section .flex-direction-nav li a:hover, .flexslider .flex-direction-nav li a:hover, .smartlib-slider-container .smartlib-prev-next-nav li a:hover, .smartlib-content-section .smartlib-prev-next-nav li a:hover, .flexslider .smartlib-prev-next-nav li a:hover { background: rgba(255, 255, 255, 0.6); color: #009688; } .smartlib-slider-container .flex-direction-nav li a:hover:hover:before, .smartlib-content-section .flex-direction-nav li a:hover:hover:before, .flexslider .flex-direction-nav li a:hover:hover:before, .smartlib-slider-container .smartlib-prev-next-nav li a:hover:hover:before, .smartlib-content-section .smartlib-prev-next-nav li a:hover:hover:before, .flexslider .smartlib-prev-next-nav li a:hover:hover:before, .smartlib-slider-container .flex-direction-nav li a:hover:hover:after, .smartlib-content-section .flex-direction-nav li a:hover:hover:after, .flexslider .flex-direction-nav li a:hover:hover:after, .smartlib-slider-container .smartlib-prev-next-nav li a:hover:hover:after, .smartlib-content-section .smartlib-prev-next-nav li a:hover:hover:after, .flexslider .smartlib-prev-next-nav li a:hover:hover:after { border-color: #009688; } .smartlib-slider-container .flex-direction-nav li a:before, .smartlib-content-section .flex-direction-nav li a:before, .flexslider .flex-direction-nav li a:before, .smartlib-slider-container .smartlib-prev-next-nav li a:before, .smartlib-content-section .smartlib-prev-next-nav li a:before, .flexslider .smartlib-prev-next-nav li a:before { width: 25px; height: 25px; content: ''; border-top: 1px solid #212121; border-right: 1px solid #212121; display: block; z-index: 200; opacity: 1; top: 20px; position: absolute; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); } .smartlib-slider-container .flex-direction-nav li:first-child, .smartlib-content-section .flex-direction-nav li:first-child, .flexslider .flex-direction-nav li:first-child, .smartlib-slider-container .smartlib-prev-next-nav li:first-child, .smartlib-content-section .smartlib-prev-next-nav li:first-child, .flexslider .smartlib-prev-next-nav li:first-child { left: 0; } .smartlib-slider-container .flex-direction-nav li:first-child a:before, .smartlib-content-section .flex-direction-nav li:first-child a:before, .flexslider .flex-direction-nav li:first-child a:before, .smartlib-slider-container .smartlib-prev-next-nav li:first-child a:before, .smartlib-content-section .smartlib-prev-next-nav li:first-child a:before, .flexslider .smartlib-prev-next-nav li:first-child a:before { -ms-transform: rotate(225deg); /* IE 9 */ -webkit-transform: rotate(225deg); /* Chrome, Safari, Opera */ transform: rotate(225deg); right: 0; } .smartlib-slider-container .flex-control-paging, .smartlib-content-section .flex-control-paging, .flexslider .flex-control-paging { bottom: 20px; height: 40px; } .smartlib-slider-container .flex-control-paging li, .smartlib-content-section .flex-control-paging li, .flexslider .flex-control-paging li { width: 30px; } .smartlib-slider-container .flex-control-paging li a, .smartlib-content-section .flex-control-paging li a, .flexslider .flex-control-paging li a { border-radius: 0; width: 100%; height: 30px; background: none!important; box-shadow: none; border-bottom: 2px solid #009688; } .smartlib-slider-container .flex-control-paging li a.flex-active, .smartlib-content-section .flex-control-paging li a.flex-active, .flexslider .flex-control-paging li a.flex-active { border-bottom: 2px solid #fff; } /** Meta Slider */ .metaslider { overflow: hidden; /*content*/ /*navigation*/ } .metaslider.slider-under-transparent-navbar { padding-top: 0; } @media (max-width: 992px) { .metaslider.slider-under-transparent-navbar { padding-top: 77px; } } .metaslider .flexslider { margin-bottom: 0!important; } .metaslider .caption-wrap { top: 0; right: 0; bottom: 0; left: 0; opacity: 1!important; background: none!important; } .metaslider .caption { height: 100%; } .metaslider .smartlib-table-cell { vertical-align: middle; } .metaslider .smartlib-table-container { width: 1200px; margin: 0 auto; } @media (max-width: 1300px) { .metaslider .smartlib-table-container { width: 100%; } } @media (max-width: 768px) { .metaslider .smartlib-table-container .smartlib-table-cell h1 { margin-bottom: 0; font-size: 40px; } .metaslider .smartlib-table-container .smartlib-table-cell p { margin-top: 0; line-height: 1.2; } } @media (max-width: 480px) { .metaslider .smartlib-table-container .smartlib-table-cell h1 { font-size: 25px; margin-top: 0; margin-bottom: 5px; } .metaslider .smartlib-table-container .smartlib-table-cell h2 { display: none; } .metaslider .smartlib-table-container .smartlib-table-cell p { display: none; } } .metaslider .flex-direction-nav { bottom: 40%; height: 80px; } .metaslider .flex-direction-nav li { width: 56px; height: 80px; } .metaslider .flex-direction-nav li a { border-top-color: #fff; border-right-color: #fff; background: none!important; } .metaslider .flex-direction-nav li a:before { width: 40px; height: 40px; } @media (max-width: 480px) { .metaslider .flex-control-paging { display: none!important; } } /*meta slider widget*/ .widget_metaslider_widget .panel { margin-bottom: 0; } /* Site Origin Widget Bundle ================================================== */ /*Pricing table*/ .so-widget-sow-price-table .ow-pt-columns-atom .ow-pt-column .ow-pt-title { border-radius: 0!important; border: none!important; box-shadow: none!important; background-image: none!important; background-color: #212121 !important; text-shadow: none!important; } .so-widget-sow-price-table .ow-pt-columns-atom .ow-pt-column .ow-pt-details { background: #727272 !important; border: none!important; box-shadow: none!important; text-shadow: none!important; } .so-widget-sow-price-table .ow-pt-columns-atom .ow-pt-column.ow-pt-even .ow-pt-title { background-color: #262626 !important; text-shadow: none!important; } .so-widget-sow-price-table .ow-pt-columns-atom .ow-pt-column.ow-pt-even .ow-pt-details { background-color: #777777 !important; text-shadow: none!important; } .so-widget-sow-price-table .ow-pt-columns-atom .ow-pt-link { border: none!important; border-radius: 0!important; box-shadow: none!important; background-color: #5bc0de !important; background-image: none!important; text-shadow: none!important; text-transform: uppercase; } .so-widget-sow-price-table .ow-pt-columns-atom .ow-pt-link:hover { background-color: #63c3e0 !important; } .so-widget-sow-price-table .ow-pt-columns-atom .ow-pt-feature-even { background-color: #ffffff !important; background-image: none!important; } .so-widget-sow-price-table .ow-pt-columns-atom .ow-pt-feature-odd { background-color: #f2f2f2 !important; background-image: none!important; } .so-widget-sow-price-table .ow-pt-columns-atom .ow-pt-button { background-color: #e5e5e5 !important; background-image: none!important; border: none!important; box-shadow: none!important; } /*widget features*/ .sow-features-feature { background: #ffffff; border: 15px; } /* WPML ================================================== */ /*flags*/ .lang_sel_list_horizontal { height: 15px !important; float: left; margin: 0; font-size: 12px; line-height: 1.6; margin-right: 15px; } .lang_sel_list_horizontal img { outline: 1px solid #f2f2f2; } #lang_sel, #lang_sel_click { margin-top: -5px; } /* Polylang ================================================== */ .smartlib-polylang-languages-list { float: left; list-style: none; padding: 0 5px; margin: 0; } .smartlib-polylang-languages-list li { float: left; padding: 0 15px 0 0; } .smartlib-polylang-languages-list li.current-lang a { border-bottom: 1px solid #b6b6b6; } /* Contact Form 7 ================================================== */ .wpcf7-form p.field { border: 1px solid red; position: relative; overflow: hidden; margin-bottom: 15px; vertical-align: top; } .wpcf7-form p.field input { margin: 0; padding: 6px 6px 7px 6px; width: 100%; height: 30px; line-height: 15px; } .wpcf7-form p.field input[type="file"] { position: relative; cursor: pointer; height: 25px; } .wpcf7-form textarea { overflow: auto; margin: 0; padding: 6px 6px 7px 6px; width: 100%; height: 200px; line-height: 15px; } .wpcf7-form .submit-wrap { margin: 0; padding: 0; } .wpcf7-form .submit-wrap input { margin-right: 10px; } span.wpcf7-form-control-wrap { display: block; } .wpcf7-not-valid-tip { padding: 4px 5px !important; width: auto !important; height: auto !important; font-size: 12px!important; color: #d9534f !important; } @media (min-width: 768px) and (max-width: 979px) { .wpcf7-not-valid-tip { font-size: 11px !important; } } div.wpcf7-response-output { margin: 20px 0 !important; padding: 8px 35px 8px 14px !important; border: 1px solid #d9534f !important; color: #d9534f !important; background: #f2f2f2 !important; } div.wpcf7-validation-errors { border: 1px solid #d9534f !important; color: #d9534f !important; } div.wpcf7-mail-sent-ok { background: #f2f2f2 !important; color: #00796b !important; } /* SO WIDGETS ================================================== */ @media (max-width: 768px) { .so-widget-sow-image .so-widget-image { margin: 0 auto; } } /* PRETTY PHOTO ================================================== */ @media (max-width: 480px) { .pp_details { min-width: 100%; } } /* TABS ================================================== */ .su-tabs.su-tabs-style-default { background: none!important; padding: 0; } .su-tabs .su-tabs-nav { border-bottom: 1px solid #b6b6b6; float: left; width: 100%; } .su-tabs .su-tabs-nav > span { float: left; } .su-tabs .su-tabs-nav .su-tabs-current { border: 1px solid #b6b6b6; border-bottom: none; border-radius: 0; margin-bottom: -1px; background: #fff; } .su-tabs .su-tabs-pane { padding: 15px 0; } /*NAVBAR*/ .flag { padding: 13px 3px; } .flag a { width: 16px; height: 11px; background: url(assets/img/flags.png) no-repeat; text-indent: -3000px; overflow: hidden; display: inline-block; padding: 0; } .flag.flag-de a { background-position: -16px 0; } .flag.flag-es a { background-position: -32px 0; } .flag.flag-fr a { background-position: 0 -11px; } .flag.flag-gb a { background-position: -16px -11px; } .flag.flag-pl a { background-position: -32px -11px; } /*SECTIONS*/ #call-to-action-section-1 { background-image: url(assets/img/bg-call-to-action-1.jpg); background-repeat: no-repeat; } /*landing page*/ #smartlib-landing-page-header { background-image: url(assets/img/only-demo/slider/slider1.jpg); background-size: 100%; height: 700px; } .smartlib-page-image-header { background-image: url(assets/img/bg2.jpg); } /*Statistics -counter up*/ #statistics-section-1 { background-image: url(assets/img/bg2.jpg); } .smartlib-main-slider-container .container { position: relative; z-index: 400!important; } .smartlib-main-slider-container .slides li { position: relative; } .smartlib-main-slider-container .slides li:before { content: ''; display: block; width: 100%; height: 100%; background: #212121; opacity: 0.5; position: absolute; top: 0; z-index: 200; } .smartlib-main-slider-container .slides li h1 { font-weight: 600; margin-bottom: 15px; } .smartlib-main-slider-container .slides li h2 { margin-bottom: 20px; } .smartlib-main-slider-container .slides li p { margin: 20px 0; font-size: 20px; } .screen-reader-text{ text-indent: -3000px; }