html { scroll-behavior: smooth; } body { font-family: 'Montserrat', 'Muli', sans-serif; font-size: 16px; margin: 0; padding: 0; overflow-x: hidden; } p { color: #4c4c4c; font-size: 16px; font-weight: 400; line-height: 26px; } img { max-width: 100%; } ul { margin: 0; padding: 0; } a{ color: #ffd200; } a:hover { color: #ffd200; text-decoration: none; } a:focus, a:hover, a:visited .btn:focus, .btn:hover, .btn:visited, button:focus, button:hover, button:visited, { outline: 0; } input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea { font-size: 14px; display: block; background: #f9f9f9; border: 0; color: #596172; letter-spacing: .5px; padding: 15px 25px; height: 50px; width: 100%; margin-bottom: 15px; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .padding { padding: 7.5rem 0; } @media (max-width: 768px) { .padding { padding: 2.5rem 30px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px){ html{ overflow-x: hidden; } } .section-top { max-width: 750px; margin: 0 auto 4.35rem; } .section-title { color: #262626; font-size: 3.75rem; font-weight: 800; line-height: 1; margin-bottom: 1.6rem; padding-bottom: 2.25rem; position: relative; text-transform: capitalize; } .section-top p { color: #737373; font-size: 1.25rem; font-weight: 500; line-height: 25px; } .brklyn-gray-bg{ background-color: #f1f1f1; } .gradient-overlay { background-image: -moz-linear-gradient( 45deg, rgb(9,79,195) 0%, rgb(205,64,143) 100%); background-image: -webkit-linear-gradient( 45deg, rgb(9,79,195) 0%, rgb(205,64,143) 100%); background-image: -ms-linear-gradient( 45deg, rgb(9,79,195) 0%, rgb(205,64,143) 100%); } .brklyn-page .overlay { background-color: rgba(13, 71, 161, 0.85); } .brklyn-page .section-padding { padding: 1.5em 0; } .brklyn-page .section-title { color: #fff; font-size: 1.5625rem; margin: 0 0 7px; font-weight: 900; padding-bottom: .5rem; text-transform: uppercase; } .brklyn-page .breadcrumb { background-color: transparent; border-radius: 0; margin: 5px 0 0; padding: 0; } .brklyn-page .breadcrumb li { color: #000; font-size: 0.9375em; position: relative; } .brklyn-page .breadcrumb a { color: #000; margin-right: 8px; text-transform: capitalize; } .breadcrumb-item+.breadcrumb-item { padding-left: 4px; } .breadcrumb-item+.breadcrumb-item::before{ color: #000; } .background-bg { background-size: cover; background-repeat: no-repeat; background-position: center; } @media (max-width: 460px) { .navbar-brand{ font-size: 14px; } .navbar .site-description{ font-size: 10px; } .navbar.navbar-expand-md { padding-left: 0; padding-right: 0; } } /* Main Banner */ .main-banner { height: 66rem; position: relative; z-index: 0; } .main-banner .container { height: 100%; } .banner-contents { color: #fff; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 100%; padding: 10rem 0 3rem; } .banner-contents h2 { font-size: 4.5rem; font-weight: 900; margin: 3rem 0; text-transform: uppercase; } .banner-contents h3 { font-size: 4rem; font-weight: 800; } .banner-contents h4 { font-size: 3rem; font-weight: 700; } .banner-contents h5 { font-size: 2.1875rem; font-weight: 600; } .banner-contents h6 { font-size: 1.5rem; font-weight: 500; } .banner-contents .btn { background-color: #fff; border: 1px solid #fff; border-radius: 1px; color: #ffd200; font-size: 16px; font-weight: 700; line-height: 58px; margin-top: 25px; padding: 0 3rem; text-transform: uppercase; } /* Welcome Section */ .welcome .item-icon { color: #ffd200; font-size: 3.75rem; line-height: 1; margin-bottom: 1.25rem; } .welcome .item-title { color: #262626; font-size: 1.875rem; font-weight: 700; margin: 0 0 1.15rem; text-transform: capitalize; } /* Team Section */ .team { background-color: #f5f5f5; } .name { color: #262626; font-size: 1.25rem; font-weight: 700; text-transform: capitalize; } /* Blog Posts */ .breadcrumb { color: #fff; margin: 0; padding: 0; position: relative; z-index: 0; } .breadcrumb-contents { padding-top: 9rem; } .breadcrumb .padding { padding: 11rem 0; } .breadcrumb h2 { color: #fff; font-size: 5rem; font-weight: 800; text-transform: uppercase; } article.post { font-family: 'Muli', sans-serif; padding: 1.75rem 0; } .layout-grid article.post{ padding: 0; padding-right: 30px; } .layout-grid article.post::last-child{ padding-right: 0; } .layout-masonry .post-inner, .layout-grid .post-inner { -webkit-box-shadow: 0px 23px 49px 0px rgba(61, 82, 96, 0.15); box-shadow: 0px 23px 49px 0px rgba(61, 82, 96, 0.15); margin: 0 0 50px; } .layout-masonry .hentry, .layout-grid .hentry { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 0; margin: 0; border: 0; } .layout-grid .cat-links{ background-color: #eff1f4; color: #bfbfbf; text-transform: capitalize; font-size: 12px; font-weight: 500; padding: 9px 15px; line-height: 1; border-radius: 15px; display: inline-block; } .layout-grid article .entry-footer{ padding-bottom: 1.5rem; } .blog-posts .layout-two-columns{ padding-right: 30px; } @media (max-width: 768px) { article.post { padding: .75rem 0; } } article.post:first-child { padding-top: 0; } article.post:last-child { border-bottom: none; } article .entry-thumbnail { margin-bottom: 3rem; } article .entry-title { color: #4c4c4c; font-size: 2.25rem; font-weight: 800; margin-bottom: 2rem; } @media (max-width: 768px) { article .entry-title { margin-bottom: 1rem; } } article .entry-title a { color: #4c4c4c; } article .entry-footer { padding-top: 2.25rem; /* display: inline-block; */ } .layout-classic article .entry-footer{ padding-top: .75rem; } @media (max-width: 768px) { article .entry-footer { padding-top: .25rem; } } article .entry-content p { color: #4c4c4c; font-size: 1rem; } .post-bottom { color: #999; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; font-size: 15px; font-weight: 700; } .post-bottom a { color: #999; } .author-meta img { border-radius: 50%; max-width: 60px; } .entry-meta span { margin: 0 3px; } .entry-meta i { margin-right: 5px; } .entry-footer .read-more { background-color: #ffd200; border: 1px solid #ffd200; border-radius: 0; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 700; line-height: 58px; padding: 0 2.15rem; text-transform: uppercase; } .entry-footer .read-more:hover { background-color: #fff; color: #ffd200; } .post-navigation { display: inline-block; border-top: 2px solid #f5f5f5; margin: 1.5em 0 0; width: 100%; } .post-navigation a { color: #ffd200; text-transform: capitalize; } .post-navigation .nav-links { padding-top: 3em; } .post-navigation .nav-links .nav-previous { float: left; } .post-navigation .nav-links .nav-next { float: right; } .page-navigation { padding: 3.5rem 0 0; } .pagination a { background-color: #f5f5f5; border: none; border-radius: 0 !important; color: #999; font-size: 1rem; font-weight: 700; line-height: 45px; margin-right: 15px; padding: 0; text-align: center; padding: 5px 20px; } .pagination a.active, .pagination a:hover { background-color: #ffd200; color: #fff; } /* Blog Single */ .single article.post { padding-bottom: 0; } .single .entry-meta { color: #999; display: flex; flex-wrap: wrap; align-items: center; font-size: 16px; margin-bottom: 3.5rem; } .single .entry-meta a { color: #999; } .single .entry-meta span { margin-right: 15px; } .single .entry-meta span{ margin-top: 45px; } .single .entry-meta i { margin-right: 8px; } .single article .entry-title { margin-bottom: 1.25rem; } .single article .entry-content p { margin-bottom: 1.75rem; } article .blockquote { background-color: #fafafa; border-left: 5px solid #ffd200; color: #4c4c4c; display: inline-block; font-size: 1.125rem; font-style: italic; font-weight: 700; margin: 2.125rem 0 3.875rem 3.75rem; padding: 1.25rem 1.5rem; } article.post-password-required input[type="password"] { border: 1px solid #e2e2e2; } article.post-password-required input[type="submit"]:hover, .page-links a:hover, .page-links .page-numbers.current, .page-links .post-page-numbers.current { background: #ffd200; color: #fff; outline: 0; } .page-links{ padding-top: 20px; } .page-links a, .page-links .post-page-numbers.current{ padding: 10px 15px; } .single .post-bottom { float: left; margin-top: 3.25rem; width: 100%; } .single .tags a { background-color: #f5f5f5; color: #999; float: left; font-size: 1rem; font-weight: 400; line-height: 40px; margin-right: 0.9375rem; padding: 0 1rem; } .share button { background-color: #ffd200; border: none; border-radius: 0; box-shadow: none; color: #fff; font-size: 1rem; font-weight: 600; line-height: 40px; padding: 0 1.125rem; text-transform: capitalize; } .share button:after { display: none; } .share button:focus { outline: 0; } .share button i { margin-left: 7px; } .share .dropdown-menu { border: none; min-width: 83px; } .share .dropdown-menu a { border: none; color: #fff; float: left; font-size: 1.25em; padding: 6px 15px; text-align: center; width: 100%; } .share .dropdown-menu .twitter { background-color: #1da1f2; } .share .dropdown-menu .facebook { background-color: #3b5998; } .share .dropdown-menu .pinterest { background-color: #bd081c; } .author-bio { border-top: 2px solid #f5f5f5; border-bottom: 2px solid #f5f5f5; display: inline-block; margin: 3rem 0 4em; padding: 3.75em 0 3.75em; width: 100%; } .author-avatar { margin-right: 1.875rem; max-width: 140px; } .author-bio .name { color: #262626; font-family: 'Monsterrat', sans-serif; font-size: 1.25em; font-weight: 700; text-transform: capitalize; } .single article .entry-content .author-bio p { margin-bottom: 1.25rem; } .author-social a { color: #999; display: inline-block; font-size: 1.4em; margin: 5px 15px 5px 0; } /* Call To Action */ .call-to-action { background-color: #f5f5f5; } .call-to-action .padding { padding: 5.125rem 0 5.5rem; } .call-to-action h3 { color: #262626; font-family: 'Muli', sans-serif; font-size: 1.5rem; font-weight: 800; } .call-to-action .btn { background-color: #ffd200; border: 1px solid #ffd200; border-radius: 0; color: #fff; font-size: 13px; font-weight: 700; line-height: 43px; margin-top: 1.325rem; padding: 0 2.816rem; text-transform: uppercase; } .call-to-action .btn:hover { background-color: #fff; color: #ffd200; } /* Sidebar Widgets */ .widget ul, .widget ol { margin: 0; padding: 0; list-style: none; } .widget ul.children, .widget ol.children, .widget ul.sub-menu{ padding-left: 20px; } .widget ul.children li, .widget ul.sub-menu li{ padding-top: 10px !important; } .textwidget p{ padding-bottom: 20px; } aside.sidebar { font-family: 'Muli', sans-serif; } aside.sidebar .widget { margin-bottom: 3.5rem; } aside.sidebar .widget:last-child { margin-bottom: 0; } aside .search-form { position: relative; z-index: 0; } aside .search-form:before { content: "\e090"; color: #262626; font-family: 'simple-line-icons'; font-size: 1.5rem; height: 75px; line-height: 75px; width: 60px; top: 0; right: 0; position: absolute; text-align: center; } aside .search-form input { background-color: #fff; border: 2px solid #e2e7ea; border-radius: 0; box-shadow: none; color: #999; font-size: 1rem; font-weight: 700; height: 75px; padding: 15px 3.75rem 15px 1.875rem; } aside .search-form input[type="submit"] { background-color: transparent; border: none; font-size: 0; height: 75px; width: 60px; right: 0; top: 0; position: absolute; } aside .widget-title { color: #262626; font-size: 1.5rem; font-weight: 800; margin-bottom: 2.8125rem; padding-bottom: 1.125rem; position: relative; text-transform: capitalize; } aside .widget-title:before { content: ''; background-color: #ffd200; height: 4px; width: 60px; left: 0; bottom: 0; position: absolute; } aside.sidebar .widget li { list-style: none; } .widget_archive li,.widget_categories li { border-bottom: 2px #e2e7ea dashed; transition: all 0.3s ease; } .widget_categories li:hover,.widget_archive li:hover { border-bottom-color: #4d4d4d; padding-left: 10px; } .widget_categories a,.widget_archive a { color: #4c4c4c; display: inline-block; font-size: 1rem; font-weight: 500; padding: 1rem; position: relative; } .widget_categories ul li a:before, .widget_archive ul li a:before { font-family: 'simple-line-icons'; content: "\e071"; font-size: 10px; color: #000; position: absolute; left: 0; top: 20px; } .widget label{ display: block; } .widget ul.children li, .widget ul.sub-menu li { margin-top: -20px !important; border-bottom: none; } .widget ul.children li:first-child, .widget ul.children li:last-child, aside.sidebar .widget li:last-child{ border-bottom: none; } .widget .page_item_has_children ul.children li, .widget .page_item_has_children ul.children li:first-child, .widget .page_item_has_children ul.children li:last-child, .widget .page_item_has_children ul.sub-menu li { margin-top: 5px !important; border-bottom: none; } .widget_categories li:hover a, .widget_categories li:hover i, .widget_archive li:hover a, .widget_archive li:hover i { color: #ffd200; } .widget_categories i,.widget_archive i { color: #000; font-size: 10px; margin-right: 3px; } aside.sidebar article.post { border: none; margin-bottom: 1.875rem; padding: 0 !important; } aside.sidebar .entry-thumbnail { max-width: 120px; margin-bottom: 0; margin-right: 1.875rem; } aside.sidebar .entry-title { font-size: 1.125rem; font-weight: 800; } aside.sidebar .entry-meta { color: #999; font-size: 1rem; } aside.sidebar .entry-meta i { font-size: 1.25rem; } .widget_tag_cloud a { background-color: #f5f5f5; color: #999; display: inline-block; float: left; font-size: 1rem; font-weight: 700; line-height: 38px; margin: 0 15px 15px 0; padding: 0 13px; transition: all 0.3s ease; } .widget_tag_cloud a:hover { background-color: #ffd200; color: #fff; } /* Select Widget */ .widget select{ width: 100%; } /* RSS */ .widget_rss li .rss-date { font-weight: 300; font-style: italic; display: block; } .widget_rss li .rssSummary{ font-weight: 300; display: block; padding: 10px 0; } /* Pages widget */ aside.sidebar .widget li:first-child{ padding-top: 0; } aside.sidebar .widget ul li a{ color: #4c4c4c; } aside.sidebar .widget ul li, aside.sidebar .widget ol li{ color: #4c4c4c; font-size: 1em; list-style: none; background-size: 10px 1px; background-repeat: repeat-x; position: relative; border-bottom: 2px #e2e7ea dashed; transition: all 0.3s ease; } /* Calendar Widget */ th, td { border: 1px solid #ebebeb; padding: 15px; text-align: center; } /* Popular Post Widget */ .blog-widgets .widget-details{ margin-top: 30px; } .widget.popular-posts-widget{ position: relative; } .blog-widgets .widget.popular-posts-widget article{ padding-bottom: 20px; } .blog-widgets .widget.popular-posts-widget .entry-title{ padding: 0; text-align: left; } .widget.popular-posts-widget .entry-title{ font-size: 18px; line-height: 24px; } .widget.popular-posts-widget .entry-thumbnail img{ border-radius: 10px; margin-right: 20px; } .widget.popular-posts-widget .entry-meta time, .single .author-details .nickname, .single .comment-list .comment-metadata .time time{ padding-left: 20px; } .widget.popular-posts-widget .entry-meta:before, .single .author-details .nickname:before, .single .comment-list .comment-metadata .time:before{ content: ''; background: #f04e23; width: 10px; height: 4px; position: absolute; margin-left: 0; margin-top: 7px; border-radius: 2px; } .single .comment-list .comment-metadata .time:before{ margin-top: 9px; } .widget.popular-posts-widget .entry-content{ margin: 0; } /* Footer */ footer.site-footer { background-color: #262626; color: #666; font-size: 16px; padding: 5rem 0; } .footer-social { margin-bottom: .875rem; } .footer-social a { color: #666; display: inline-block; font-size: 1.5rem; padding: 5px .875rem; } .copyright { margin-bottom: .5rem; } .copyright a{ color: #ffd200; } /* Comment Section */ .comments { margin-top: 5rem; } .comment-content{ overflow: hidden; } .comment-content a { word-wrap: break-word; } .comments .title { color: #262626; font-family: 'Muli', sans-serif; font-size: 1.75em; font-weight: 800; text-transform: capitalize; } .comment-list { border-bottom: 1px solid #cfd8dc; display: inline-block; margin: 2.75em 0 0; padding: 0 0 .89em; width: 100%; list-style: none; } .comment-body { margin-bottom: 3.75rem; } .comment-list .author-avatar { max-width: 90px; margin-right: 1.75rem; } .comment-content { margin-top: -3px; } .comment-content .name { color: #262626; display: block; font-size: 1.25rem; font-weight: 700; margin: 0; text-transform: capitalize; } .comment-content a { color: #262626; } .comment-content .time { color: #999; display: inline-block; font-family: 'Muli', sans-serif; font-size: 1rem; font-weight: 700; margin-bottom: 1.25rem; } .comment-content p { color: #4c4c4c; font-family: 'Muli', sans-serif; } article.post-password-required input[type="submit"], .comment-content .btn { background-color: #ffd200; border-radius: 0; color: #fff; font-size: 1rem; font-weight: 700; line-height: 40px; padding: 0 1rem; text-transform: capitalize; } article.post-password-required input[type="submit"]{ line-height: 50px; padding: 0 2em; } .comment-list .children { padding-left: 3.75rem; list-style: none; } /* Comment Form */ .respond { margin-top: 5rem; } .comment-form { margin-top: 3.75rem; } .comment-form .form-control { border-radius: 0; font-family: 'Muli', sans-serif; font-size: 1rem; } .comment-form .form-control:focus { border-color: #e2e7ea; box-shadow: none; outline: 0; } .comment-form input:not([type="checkbox"]) { border: 2px solid #e2e7ea; color: #999; display: inline-block; height: 60px; margin-bottom: 1.875rem; padding: 15px; } .comment-form input[type="email"] { float: right; } .comment-form textarea { border: 2px solid #e2e7ea; margin-bottom: 1.875rem; padding: 15px; } .comment-form input[type="submit"] { background-color: #ffd200; border: none; border-radius: 0; color: #fff; font-weight: 700; margin-bottom: 0; padding: 0 3.75rem; text-transform: uppercase; } .comment-form input[type="submit"]:focus { border: none; box-shadow: none; } article dl a, .comments-area dl a { color: #737373; } article table, .comments-area table { font-size: 14px; margin-top: 15px; margin-bottom: 15px; } article table a, .comments-area table a { color: #737373; } article table tr, .comments-area table tr { border: 1px solid #666; padding: 5px; } article table tr td, .comments-area table tr td { border: 1px solid #666; padding: 5px 10px; } article table tr th, .comments-area table tr th { border: 1px solid #666; padding: 5px 10px; font-weight: normal; text-align: left; } /* Main Menu */ .main-header { box-shadow: 0 0 10px rgba(0,0,0,.2); background-color: #fff; z-index: 99999; } .main-header .navbar a>img { width: 180px !important; height: 25px !important; } .logged-in.admin-bar .main-header.fixed-top{ top: 32px; } .navbar-nav li a { color: #262626; display: inline-block; font-weight: 700; line-height: 40px; transition: all .25s ease; } header .navbar .navbar-collapse .navbar-nav ul { border: none; border-radius: 0; margin: 0; padding: 0; width: 180px; text-align: left; } header .navbar .navbar-collapse .navbar-nav ul li { list-style: none; } header .navbar .navbar-collapse .navbar-nav ul li a { color: #000; display: inline-block; line-height: 23px; padding: .75rem 1.25rem; width: 100%; z-index: 99999; } header .navbar .navbar-collapse .navbar-nav ul li a:hover { background-color: rgba(0, 0, 0, 0.03); } header .download-btn { background-color: transparent; border: 1px solid #fff; border-radius: 1px; color: #262626; font-size: 13px; font-weight: 700; line-height: 45px; padding: 0 1.25rem; text-transform: uppercase; } header .download-btn:hover { background-color: #fff; color: #000; } header .navbar .navbar-collapse .navbar-nav li a:hover, header .navbar .navbar-collapse .navbar-nav li a:focus, header .navbar .navbar-collapse .navbar-nav li.current-menu-item a{ color: #ffd200; } .dropdown-item.active, .dropdown-item:active{ background-color: #f1f1f1; } @media (max-width: 1024px) { a.navbar-brand{ font-size: 14px; } a.navbar-brand{ padding-bottom: 0 !important; } .navbar .site-description{ font-size: 12px; } } @media (min-width: 768px) { header .navbar { padding: 0; } header .navbar:hover { overflow: visible; } .navbar-collapse { justify-content: flex-end; } header .navbar .navbar-collapse .navbar-nav li a { line-height: 100px; padding-left: 1.25rem; padding-right: 1.25rem; } header .navbar .navbar-collapse .navbar-nav .sub-menu { display: block; z-index: 9999; visibility: hidden; transition: all 0.3s ease; } header .navbar .navbar-collapse .navbar-nav li:hover > .sub-menu, header .navbar .navbar-collapse .navbar-nav li:focus > .sub-menu, header .navbar .navbar-collapse .navbar-nav li:focus-within > .sub-menu { visibility: visible; } header.scrolled .navbar .navbar-collapse .navbar-nav li a { line-height: 50px; } li.menu-item-has-children { position: relative; } #main-menu li > ul ul { top: 0; left: 100%; border: 1px solid rgba(255, 255, 255, 0.2); } ul.sub-menu { background-color: #fff; margin: 0; padding: 0; position: absolute; left: 0; opacity: 0; transition: all 0.25s ease; } li.menu-item-has-children:hover .sub-menu, li.menu-item-has-children[aria-expanded="true"]> ul.sub-menu { top: 100%; opacity: 1; } .menu-item-has-children>.sub-menu { background: #fff; min-width: 260px; padding: 0; position: absolute; left: 0; top: 120px; opacity: 0; overflow: hidden; z-index: 1; height: inherit; box-shadow: 0 0 50px rgba(0,0,0,.1); -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .menu-item-has-children:hover>.sub-menu, header .navbar .navbar-collapse .navbar-nav li:focus-within > .sub-menu { opacity: 1; overflow: visible; height: auto; } .menu-item-has-children .sub-menu li, .menu-item-has-children .sub-menu li a { display: block; } .sub-menu li .sub-menu, .sub-menu .sub-menu> li.menu-item-has-children .sub-menu { bottom: inherit !important; top: 120px; left: inherit !important; right: -230px; opacity: 0; visibility: hidden; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .sub-menu .menu-item-has-children:hover> .sub-menu, .sub-menu .sub-menu> li.menu-item-has-children:hover .sub-menu { opacity: 1; top: -1px; visibility: visible; } .sub-menu .menu-item-has-children:before { content: "\e606"; color: #8c8c8c; font-family: 'simple-line-icons'; font-size: 11px; top: 14px; right: 15px; position: absolute; } .sub-menu .menu-item-has-children:hover:before { color: #cdcdcd; } } /* Mobile Responsive Menu */ @media (max-width: 1170px) { header .navbar .navbar-collapse .navbar-nav li a { padding-left: 1rem; padding-right: 1rem; } } @media (max-width: 1024px) { .container { max-width: inherit; width: 100%; } } @media (max-width: 992px) { header .navbar .navbar-collapse .navbar-nav li a { padding-left: 8px; padding-right: 8px; } } @media (max-width: 767px) { .navbar .site-description{ font-size: 13px; } .navbar.navbar-expand-md { padding-left: 0; padding-right: 0; } .navbar-brand, .navbar .site-description{ padding: 0 !important; } .navbar-default{ background-color: transparent; } .navbar-header { background-color: #ffffff; float: none; } .navbar-toggler { display: block; margin: 15px 0 !important; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-default .navbar-collapse, .navbar-default .navbar-form{ border-color:#f1f2f7; } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-nav{ background-color: #ffffff; float: none!important; margin: 0!important; padding: 2px 0; } .navbar-nav>li { float: none; border-bottom: 1px solid #f1f2f7; } .navbar-nav>li:last-child { border-bottom: 0px solid transparent; } .navbar-nav>li>a { display: inline-block; padding-top: 10px; padding-bottom: 10px; position: relative; width: 100%; } .navbar-nav li.menu-item-has-children> a{ position: relative; } .navbar-nav>li>a:after { height: 0 !important; position: absolute; right: 10px; top: 48%; border-top: none; border-bottom: none; border-left: none; } .collapse.show { display:block !important; } .navbar-toggler { margin-top: 15px; margin-bottom: 15px; } .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse { margin-left: -15px; margin-right: -15px; } .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left:0; } .navbar-default .navbar-toggler { -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .navbar-default .navbar-toggler:hover, .navbar-default .navbar-toggler:focus { background-color: transparent; color: #1fb5ac; } .navbar-default .navbar-toggler { border-color: transparent; font-size: 2em; line-height: 25px; } .navbar-collapse.in { overflow-y: auto!important; background:#ffffff; } .navbar-nav>li .sub-menu, .navbar-nav>li .sub-menu >li .sub-menu { overflow: visible; position: relative; padding-left: 20px; top: inherit; left: inherit; min-width: 100%; /* height:0; */ /* opacity: 0; */ /* z-index: -1; */ -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .navbar-nav>li:hover .sub-menu, .navbar-nav>li .sub-menu>li:hover .sub-menu{ width: 100%; left: inherit; top: inherit; z-index: 1; } .navbar-nav>li:focus .sub-menu, .navbar-nav .sub-menu >li:focus .sub-menu, .navbar-nav>li:focus-within .sub-menu, .navbar-nav .sub-menu >li:focus-within .sub-menu { display: block; opacity: 1; height: auto; z-index: 1; } .navbar-nav>li.menu-item-has-children:before , .sub-menu>li.menu-item-has-children:before{ content: ""!important; } .navbar-nav>li .sub-menu>li>a { line-height: 20px; padding: 10px 15px; background: inherit !important; border-top:1px solid #f1f2f7 !important; color: #262626; } .navbar-nav>li .sub-menu>li>a:hover { color: #1fb5ac; background: inherit !important; } .toggle_nav_button{ display: block; color: #FFF; font-size: 28px; background-color: #1fb5ac; line-height: 20px; text-align: center; position: absolute; top: 0; right: 15px; left: inherit; margin-left: 0px; border: 0; padding: 10px; width: 42px; height: 42px; z-index: 100; cursor: pointer; } .sub-menu .toggle_nav_button{ right: 40px; } } @media (max-width: 1199px) { body.mobile-menu-active { overflow-y: hidden; } .main-menu ul { display: block; } .mobile-menu-active .main-menu { display: block; opacity: 1; visibility: visible; pointer-events: initial; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: opacity .2s 0s ease, visibility 0s 0s linear, -webkit-transform 0.2s 0s ease; transition: opacity .2s 0s ease, visibility 0s 0s linear, -webkit-transform 0.2s 0s ease; transition: transform 0.2s 0s ease, opacity .2s 0s ease, visibility 0s 0s linear; transition: transform 0.2s 0s ease, opacity .2s 0s ease, visibility 0s 0s linear, -webkit-transform 0.2s 0s ease; } .main-menu { padding: 0; } .main-menu ul ul { position: static; float: none; padding: 0; } .main-menu ul ul a { width: 100%; } .main-menu li { display: block; position: relative; border-bottom: 1px solid rgba(25, 25, 25, 0.1); } .main-menu ul .sub-menu, .main-menu ul .children { display: none; background: rgba(0, 0, 0, 0.05); } .main-menu ul .sub-menu.open, .main-menu ul .children.open { display: block; } .main-menu ul .subnav-toggle { height: 60px; width: 30px; position: absolute; top: 0; right: 0; text-align: center; display: block; cursor: pointer; } .main-menu ul .sub-menu .subnav-toggle, .main-menu ul .children .subnav-toggle { height: 50px; } .main-menu ul .subnav-toggle:before { content: "+"; display: inline-block; color: inherit; font-size: 20px; font-weight: 900; line-height: 60px; speak: none; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .main-menu ul .subnav-toggle.open:before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); /* negative value so it will rotate counterclockwise */ } .main-menu ul .sub-menu .subnav-toggle:before, .main-menu ul .children .subnav-toggle:before { line-height: 50px; } .main-menu li.menu-item-has-children > .subnav-toggle, .main-menu li.page_item_has_children > .subnav-toggle { color: #191919; } } /* Blog */ .single-post .entry-meta .cat-links a, .post-cat { background-color: #eff1f4; color: #bfbfbf; text-transform: uppercase; font-size: 12px; font-weight: 500; padding: 9px 15px; line-height: 1; border-radius: 15px; display: inline-block; } .single-post .entry-meta .cat-links a:hover, .post-cat:hover { color: #1c1c1c; } .pwpt-blog:not(.brooklyn_lite_blog_skin) .post-item { -webkit-box-shadow: 0px 23px 49px 0px rgba(61, 82, 96, 0.15); box-shadow: 0px 23px 49px 0px rgba(61, 82, 96, 0.15); margin-bottom: 15px; } .pwpt-blog:not(.brooklyn_lite_blog_skin) .post-content { padding: 30px; background-color: #fff; } .pwpt-blog:not(.brooklyn_lite_blog_skin) .byline { float: right; color: #bfbfbf; font-size: 14px; font-weight: 500; } .pwpt-blog:not(.brooklyn_lite_blog_skin) .byline a { color: #595959; } .pwpt-blog:not(.brooklyn_lite_blog_skin) .byline a:hover { color: #f0437e; } .pwpt-blog:not(.brooklyn_lite_blog_skin) .posted-on { margin-bottom: 15px; display: table; } .pwpt-blog:not(.brooklyn_lite_blog_skin) .posted-on a { color: #f0437e; font-size: 14px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; } .pwpt-blog:not(.brooklyn_lite_blog_skin) .entry-title { font-size: 24px; font-weight: 500; margin: 0 0 25px; } .pwpt-blog:not(.brooklyn_lite_blog_skin) .entry-title a { color: #191919; } .brooklyn_lite_blog_skin .post-item { margin-bottom: 45px; } .brooklyn_lite_blog_skin .post-item:last-of-type { margin-bottom: 0; } @media (max-width: 767px) { .brooklyn_lite_blog_skin .post-item img { margin-bottom: 30px; } } .brooklyn_lite_blog_skin .post-item .read-more { text-transform: uppercase; font-weight: 600; color: #bfbfbf; font-size: 13px; display: block; margin-top: 15px; letter-spacing: 1px; } .brooklyn_lite_blog_skin .post-item .read-more:hover { color: #f89121; } .brooklyn_lite_blog_skin .post-item .entry-title { font-size: 18px; margin: 0 0 12px; text-transform: uppercase; } .brooklyn_lite_blog_skin .post-item .entry-title a { color: #0e304e; } .brooklyn_lite_blog_skin .post-item.large-post { margin-bottom: 0; } @media (max-width: 767px) { .brooklyn_lite_blog_skin .post-item.large-post { margin-bottom: 30px; } } @media (max-width: 767px) { .brooklyn_lite_blog_skin .post-item.large-post img { margin-bottom: 0; } } .brooklyn_lite_blog_skin .post-item.large-post .entry-title { font-size: 24px; } .brooklyn_lite_blog_skin .post-item.large-post .entry-thumb { margin-bottom: 30px; } .brooklyn_lite_blog_skin .post-item .posted-on { display: block; margin-bottom: 15px; } .brooklyn_lite_blog_skin .post-item .posted-on a { color: #bfbfbf; font-size: 14px; } /* Style 3 */ .pwpt-blog.brooklyn_lite_blog_skin_2 .entry-title { margin: 15px 0 25px 0; } .pwpt-blog.brooklyn_lite_blog_skin_2 .posted-on { display: inline-block; margin: 0; } .pwpt-blog.brooklyn_lite_blog_skin_2 .post-cat { display: inline-block; padding: 0; background-color: transparent; } .pwpt-blog.brooklyn_lite_blog_skin_2 .sol { color: #fc9a92; margin: 0 5px; } .pwpt-blog.brooklyn_lite_blog_skin_2 .posted-on a, .pwpt-blog.brooklyn_lite_blog_skin_2 .post-cat { color: #fc9a92; font-size: 14px; font-weight: 500; letter-spacing: 1px; } .pwpt-blog.brooklyn_lite_blog_skin_2 .comments-number { font-size: 12px; color: #bfbfbf; font-weight: 500; text-transform: uppercase; } /* Style 4 */ .pwpt-blog.brooklyn_lite_blog_skin_3 .post-content { padding: 30px 0 0; } .pwpt-blog.brooklyn_lite_blog_skin_3 .post-item { -webkit-box-shadow: none; box-shadow: none; } .pwpt-blog.brooklyn_lite_blog_skin_3 .post-cat { display: inline-block; padding: 0; background-color: transparent; color: #1eaf12; margin: 0 0 15px; } .pwpt-blog.brooklyn_lite_blog_skin_3 .entry-title { font-size: 18px; margin: 0 0 20px; } .pwpt-blog.brooklyn_lite_blog_skin_3 .entry-title a:hover { color: #1eaf12; } .pwpt-blog.brooklyn_lite_blog_skin_3 .comments-number { color: #bfbfbf; display: inline-block; } .pwpt-blog.brooklyn_lite_blog_skin_3 .posted-on { display: inline-block; } .pwpt-blog.brooklyn_lite_blog_skin_3 .posted-on a { color: #bfbfbf; text-transform: none; letter-spacing: 0; } .pwpt-blog.brooklyn_lite_blog_skin_3 .vert { color: #bfbfbf; padding: 0 15px; } /* Style 5 */ .pwpt-blog.brooklyn_lite_blog_skin_4 .post-item { -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.3s; transition: all 0.3s; margin-bottom: 15px; } .pwpt-blog.brooklyn_lite_blog_skin_4 .post-item:hover { -webkit-box-shadow: 0px 12px 45px 0px rgba(61, 82, 96, 0.15); box-shadow: 0px 12px 45px 0px rgba(61, 82, 96, 0.15); } .pwpt-blog.brooklyn_lite_blog_skin_4 .post-content { min-height: 270px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; z-index: 11; } .pwpt-blog.brooklyn_lite_blog_skin_4 .post-content::after { background-color: rgba(0, 0, 0, 0.25); content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .pwpt-blog.brooklyn_lite_blog_skin_4 .entry-title { font-weight: 600; margin: 0; } .pwpt-blog.brooklyn_lite_blog_skin_4 .entry-title a { color: #fff; } .pwpt-blog.brooklyn_lite_blog_skin_4 .post-info { position: absolute; bottom: 30px; left: 30px; right: 30px; } .pwpt-blog.brooklyn_lite_blog_skin_4 .post-cat { display: inline-block; padding: 0; background-color: transparent; color: #fff; margin: 0 0 10px; letter-spacing: 1px; } .pwpt-blog.brooklyn_lite_blog_skin_4 .posted-on { background-color: #d7af50; float: right; color: #fff; font-weight: 600; padding: 5px 8px; } .pwpt-blog.brooklyn_lite_blog_skin_4 .posted-on span { display: block; line-height: 1; text-align: center; } .pwpt-blog.brooklyn_lite_blog_skin_4 .posted-on span:first-of-type { font-size: 24px; } .pwpt-blog.brooklyn_lite_blog_skin_4 .posted-on span:last-of-type { font-size: 16px; text-transform: uppercase; } /* Style 6 */ .pwpt-blog.brooklyn_lite_blog_skin_6 .post-item { -webkit-box-shadow: none; box-shadow: none; } .pwpt-blog.brooklyn_lite_blog_skin_6 .post-item .thumbnail { margin-bottom: 24px; overflow: hidden; } .pwpt-blog.brooklyn_lite_blog_skin_6 .post-item .thumbnail img { border-radius: 5px; -webkit-transition: all .6s; transition: all .6s; } .pwpt-blog.brooklyn_lite_blog_skin_6 .post-item .thumbnail:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } .pwpt-blog.brooklyn_lite_blog_skin_6 .post-item .post-content { padding: 0; background: transparent; } .pwpt-blog.brooklyn_lite_blog_skin_6 .post-item .post-content .posted-on { text-transform: uppercase; font-weight: 500; margin-bottom: 5px; } .pwpt-blog.brooklyn_lite_blog_skin_6 .post-item .post-content .posted-on a { color: #0a8ae6; font-family: 'Work Sans', sans-serif; font-size: 14px; letter-spacing: 2px; } .pwpt-blog.brooklyn_lite_blog_skin_6 .post-item .post-content .entry-title { font-size: 24px; font-weight: 600; line-height: 30px; margin-bottom: 22px; } .pwpt-blog.brooklyn_lite_blog_skin_6 .post-item .post-content .entry-title a { color: #191919; border-bottom: 1px solid transparent; } .pwpt-blog.brooklyn_lite_blog_skin_6 .post-item .post-content .entry-title a:hover { border-bottom-color: #191919; } .pwpt-blog.brooklyn_lite_blog_skin_6 .post-item .first-cat { font-family: 'Work Sans', sans-serif; background-color: #0a8ae6; color: #fff; display: inline-block; border-radius: 2px; font-size: 12px; text-transform: uppercase; font-weight: 400; padding: 7px 13px; } /* Slider block */ .pwpt-hero-wrapper .slick-slide { height: 500px; background-repeat: no-repeat; background-size: cover; background-position: center center; } .pwpt-hero-wrapper .elementor-slick-slider ul.slick-dots li { margin: 3px; width: 12px; height: 12px; } .pwpt-hero-wrapper .elementor-slick-slider ul.slick-dots li button { background: #adadad; padding: 0; border-radius: 0; width: 12px; height: 12px; } .pwpt-hero-wrapper .elementor-slick-slider ul.slick-dots li button:before { display: none; } .pwpt-hero-wrapper .elementor-slick-slider ul.slick-dots li.slick-active button { background: #1c1c1c; } .pwpt-hero-wrapper .slide-title { margin-bottom: 30px; } .pwpt-hero-wrapper .button { margin-top: 45px; padding-left: 48px; padding-right: 48px; display: inline-block; } .pwpt-hero-wrapper .slide-inner { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 60px; } .pwpt-hero-wrapper .elementor-slick-slider ul.slick-dots { bottom: 25px; } /*-------------------------------------------------------------- ## Elementor --------------------------------------------------------------*/