@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800'; /** * CSS @imports must be at the top of the file. * Add them above this section. */ /*//////////////////////////////////// /////////// Hubl Variables//////////// ////////////////////////////////////*/ /** * Colors */ /** * Scaffolding */ /* Background color for '' */ /* Global text color for '' */ /* Global textual link color */ /* Link hover color set via `darken()` function */ /* Link hover decoration */ /** * Typography */ /* Font weights */ /* By default, this inherits from the '' */ /** * Media Queries */ /* Custom, iPhone Retina */ /* Extra Small Devices, Phones */ /* Small Devices, Tablets */ /* Medium Devices, Desktops */ /* Large Devices, Wide Screens */ /*//////////////////////////////////// /////////// Resets and Base/////////// ////////////////////////////////////*/ /* Ensure no horizontal scroll */ html, body{ overflow-x: hidden; } /* Smoother fonts */ body{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body{ font-family: Open Sans, sans-serif; color: #333333; font-size: 16px; font-weight: 400; } /* Responsive images */ img{ max-width: 100%; height: auto; width: auto; } /* Responsive video */ iframe, video{ max-width: 100%; } /** * Heading styles */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ font-family: Open Sans, sans-serif; font-style: normal; font-weight: 700; line-height: 1.1; color: #333333; text-transform: none; letter-spacing: normal; margin: 0; } h1{ font-size: 58px; font-weight: 800; line-height: 70px; letter-spacing: 0.05em; } h2{ color: #104C86; font-size: 32px; font-weight: 400; line-height: 42px; } h3{ font-size: 22px; font-weight: 300; line-height: 30px; } h4{ font-size: 20px; letter-spacing: 0.050em; font-weight: 400; line-height: 27px; } h5{ font-size: 18px; letter-spacing: 0.025em; font-weight: 600; line-height: 24px; } h6{ font-size: 14px; letter-spacing: 0.02em; font-weight: 600; line-height: 20px; } /* Links */ a{ color: #104C86; text-decoration: none; outline: 0; } a:hover{ color: #002559; outline: 0 !important; text-decoration: none !important; } a:visited, a:focus, a:active { text-decoration: none !important; outline: 0 !important; } /* Font sizes */ .font-small{ font-size: 12px; } .font-normal{ font-size: 16px; } .font-medium{ font-size: 20px; } .font-large{ font-size: 24px; } /* Colors */ .white{ color: #ffffff; } .lime{ color: #9bc900; } /*///////////////////////////// /////////// Buttons//////////// /////////////////////////////*/ /** * Button styles */ .btn{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: Open Sans, sans-serif; font-size: 20px; font-weight: 700; line-height: 27px; letter-spacing: 0.050em; text-transform: uppercase; padding-top: 15px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; margin-bottom: 5px; margin-right: 5px; position: relative; } .btn.active .btn:active, .btn:focus, .btn:hover{ outline: 0; } .btn-navy { color: #ffffff; background: #104C86; font-size: 20px; line-height: 27px; border: 1px solid #104C86; padding-top: 15px; padding-right: 44px; padding-bottom: 15px; padding-left: 20px; } .btn-navy::before{ color: #ffffff; content: '\f054'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-style: normal; display: inline-block; position: absolute; right: 18px; } .btn-navy:hover{ background: #ffffff; color: #104C86; border: 1px solid #104C86; } .btn-primary{ color: #ffffff; background: #9bc900; border-color: #9bc900; } .btn-primary.active .btn-primary:active, .btn-primary:focus, .btn-primary:hover{ color: #ffffff; background: ; border: 1px solid ; } .btn-lime { color: #ffffff; background: #9bc900; font-size: 20px; line-height: 27px; padding-top: 15px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; } .btn-lime:hover{ color: #ffffff; background: #679800; box-shadow: 0px 3px 6px rgba(0,0,0,0.16); } /*//////////////////////////// /////////// Header//////////// ////////////////////////////*/ .site-header .navbar{ min-height: 50px; border: 0 solid transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-bottom: 0; transition: 0.3s. ease all; } .site-header .navbar-default{ background: #ffffff; } .site-header .navbar.sticky{ box-shadow: 0px 3px 6px rgba(0,0,0,0.16); } .site-header .navbar.sticky .site-header-nav-top{ transform: translateY(-100%); } .site-header .navbar.sticky .site-header-nav .navbar-brand{ max-width: 280px; } .site-header .navbar.sticky .site-header-nav .navbar-nav{ margin-top: 17px; } /* Top Navbar Header */ .site-header-nav-top{ background: #eee; transition: 0.3s ease all; padding-top: 8px; padding-right:120px; padding-bottom: 8px; padding-left: 120px; } .site-header-nav-top .navbar-nav li{ padding-left: 5px; cursor: pointer; border-right: 1px solid #318Eb1; } .site-header-nav-top .navbar-nav li a{ color: #0B2639; line-height: 16px; font-weight: 700;}; padding-top: 8px; padding-right: 30px; padding-bottom: 8px; padding-left: 30px; cursor: pointer; } .site-header-nav-top .navbar-nav li a.active, .site-header-nav-top .navbar-nav li a:active, .site-header-nav-top .navbar-nav li a:focus, .site-header-nav-top .navbar-nav li a:hover{ color: #5b5b5b; background-color: none; text-decoration: none !important; } .site-header-nav-top .navbar-nav li:last-of-type{ border-right: none; } .site-header-nav-top .navbar-nav li:first-of-type{ /*border-right: 1px solid #318Eb1; */ } .site-header-nav-top .navbar-nav li:first-of-type a{ font-weight: 400; padding-left: 22px; } .site-header-nav-top .navbar-nav li:first-of-type a:before{ position: absolute; content: '\f095'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-style: normal; display: inline-block; left: 0; transform: rotateY(-180deg); color: #104C86; } .site-header-nav-top .navbar-nav li:first-of-type a.active, .site-header-nav-top .navbar-nav li:first-of-type a:active, .site-header-nav-top .navbar-nav li:first-of-type a:focus, .site-header-nav-top .navbar-nav li:first-of-type a:hover{ color: #333333; background-color: transparent; } /* Main Navigation Header */ .site-header-nav{ transition: 0.3s ease all; border-top: 2px solid #d8d8d8; } .site-header-nav .navbar-brand{ height: auto; padding-top: 16px; padding-right: 0; padding-bottom: 16px; padding-left: 0; max-width: 280px; transition: 0.3s ease all; } .site-header-nav .navbar-nav{ margin-top: 30px; transition: 0.3s ease all; } .site-header-nav .navbar-nav li{ cursor: pointer; } .site-header-nav .navbar-nav li a{ color: #333333; line-height: 24px; font-size: 16px; padding: 0; } .site-header-nav .navbar-nav li a.active, .site-header-nav .navbar-nav li a:active, .site-header-nav .navbar-nav li a:focus, .site-header-nav .navbar-nav li a:hover{ color: #104C86; border-bottom: 1px solid #104C86; background: none; } .site-header-nav .navbar-nav li.open a, .site-header-nav .navbar-nav li.open a:hover{ color: #104C86; background: none; } .site-header-nav .navbar-nav li.dropdown.open a.dropdown-toggle{ color: #104C86; border-bottom: 1px solid #104C86; background: none; } .site-header-nav .navbar-nav li.active a{ color: #104C86; border-bottom: 1px solid #104C86; background: none; } .site-header-nav .navbar-nav li.active a.active, .site-header-nav .navbar-nav li.active a:active, .site-header-nav .navbar-nav li.active a:focus, .site-header-nav .navbar-nav li.active a:hover{ color: #104C86; } .site-header-nav .navbar-nav .dropdown-menu{ left: 8px; border: 0; background: #ffffff; } .site-header-nav .navbar-nav .dropdown-menu li a{ color: #333333; font-size: 16px; font-weight: 400; line-height: 22px; } .site-header-nav .navbar-nav .dropdown-menu li a.active, .site-header-nav .navbar-nav .dropdown-menu li a:active, .site-header-nav .navbar-nav .dropdown-menu li a:focus, .site-header-nav .navbar-nav .dropdown-menu li a:hover{ color: #104C86; border: 0; background-color: #ffffff; } .site-header-nav .navbar-nav .dropdown-menu li.active a{ color: #104C86; background: transparent; } .site-header-nav .navbar-nav .dropdown-menu li.active a.active, .site-header-nav .navbar-nav .dropdown-menu li.active a:active, .site-header-nav .navbar-nav .dropdown-menu li.active a:focus, .site-header-nav .navbar-nav .dropdown-menu li.active a:hover{ color: #104C86; background: transparent; } .site-header-nav .navbar-toggle{ background-color: none; margin: 19px 0; border: 0; } .site-header-nav .navbar-toggle .icon-bar{ background-color: #104C86; width: 28px; height: 5px; } /*/////////////////////////////////// /////////// Header Banner//////////// ///////////////////////////////////*/ .site-header-banner{ background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; position: relative; min-height: 400px; } .site-header-banner .text-col{ text-align: left; padding-top: 95px; padding-left: 0px; padding-bottom: 95px; } .site-header-banner h1{ color: #ffffff; font-size: 58px; margin-bottom: 16px; } .site-header-banner h3{ color: #ffffff; font-size: 22px; } .site-header-banner .text-col .banner-hr { width: 100%; max-width: 260px; height: 1px; background: #ffffff; margin: 16px 0 48px; } .site-header .site-header-nav .navbar-nav .dropdown-menu>li>a{ font-size: 16px; line-height: 22px; } /*//////////////////////////////// /////////// Inner Page//////////// ////////////////////////////////*/ .site-content{ padding-top: 35px; } .site-content .site-main{ background: #fff; background: -moz-linear-gradient(top, #fff 0%, #E9ECF4 100%); background: -webkit-linear-gradient(top, #fff 0%, #E9ECF4 100%); background: linear-gradient(to bottom, #fff 0%, #E9ECF4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); padding-bottom: 0px; } .site-content .section-marketing-main .left-col h2{ margin-bottom: 16px; font-weight: 400; } .site-content .section-marketing-main .left-col h4{ font-weight: 400; } .site-content .section-marketing-main .left-col h4 .fas{ color: #318Eb1; } .site-content .section-marketing-main .left-col h3{ margin-bottom: 32px; } .site-content .section-marketing-main .right-col .marketing-form{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #afb5ba; background-color: #ffffff; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } .site-content .section-marketing-main .right-col .marketing-form h3{ margin-bottom: 32px; } .marketing-form .hs-form-field{ margin-bottom: 18px; } .marketing-form input, .marketing-form textarea{ box-shadow: none; border: 1px solid #bbbbbb; } .marketing-form .hs-button{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #ffffff; background: #9bc900; border: 1px solid #9bc900; font-family: Open Sans, sans-serif; font-size: 20px; font-weight: 700; line-height: 27px; letter-spacing: normal; text-transform: none; padding-top: 15px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; margin-top: 0; margin-right: 5px; margin-bottom: 5px; margin-left: 0; } .marketing-form .hs-button.active .marketing-form .hs-button:active, .marketing-form .hs-button:focus, .marketing-form .hs-button:hover{ outline: 0; color: #ffffff; background: ; border: 1px solid ; } /*//////////////////////////// /////////// Blog////////////// ////////////////////////////*/ .content-area-blog .post-item{ float: left; margin-bottom: 64px; padding: 0 30px; } .content-area-blog .post-item .featured-image{ background-size: cover; background-repeat: no-repeat; min-height: 121px; } .content-area-blog .post-item .entry-header .entry-title{ font-size: 20px; font-weight: 400; letter-spacing: 0.05em; line-height: 27px; } .content-area-blog .post-item .entry-header .entry-title a{ color: #191F2E; } .content-area-blog .post-item .entry-header .entry-title a:hover{ color: #191F2E; } .content-area-blog .post-item .entry-header .entry-meta{ color: #333333; font-weight: 600; text-transform: capitalize; margin-top: 15px; margin-bottom: 40px; font-size: 15px; } .content-area-blog .post-item .entry-content .more-link{ color: #104C86; font-size: 14px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; } .content-area-blog .post-item .entry-content .more-link:hover{ color: #5b5b5b; } .content-area-blog .post-item .post-footer{ margin-top: 54px; } .content-area-blog .post-item .backto-blog{ color: #104C86; font-size: 14px; font-weight: 700; text-transform: uppercase; } .content-area-blog .post-item .backto-blog:hover{ color: #002559; } .content-area-blog .post-item .post-author{ margin-top: 64px; } .content-area-blog .post-item .post-author h3{ margin-bottom: 24px; } .content-area-blog .post-item .post-author h3 a{ color: #002559; text-decoration: underline; } .content-area-blog .post-item .post-author h3 a:hover{ color: ; } .content-area-blog .post-item.featured{ background-size: cover; background-repeat: no-repeat; position: relative; margin-top: 0; margin-right: 15px; margin-bottom: 97px; margin-left: 15px; position: relative; } .content-area-blog .post-item.featured .featured-image::before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0; background: rgba(#9bc900, 0.7); background: -moz-linear-gradient(-225deg, rgba(155, 201, 0, 0.5) -60%, rgba(49, 142, 177, 0.7) 35%, rgba(16, 76, 134, 0.7) 100%); background: -webkit-linear-gradient(-225deg, rgba(155, 201, 0, 0.69) -60%, rgba(49, 142, 177, 0.7) 35%, rgba(16, 76, 134, 0.7) 100%); background: linear-gradient(-453deg, rgba(155, 175, 0, 0.5) 10%, #104c86 125%, rgba(16, 76, 134, 0.7) 167%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(#9bc900, 0.7)', endColorstr='rgba(#104c86, 0.7)',GradientType=1 );} .featured .featured-image::before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0; background: rgba(#9bc900, 0.7); background: -moz-linear-gradient(-225deg, rgba(155, 201, 0, 0.5) -60%, rgba(49, 142, 177, 0.7) 35%, rgba(16, 76, 134, 0.7) 100%); background: -webkit-linear-gradient(-225deg, rgba(155, 201, 0, 0.69) -60%, rgba(49, 142, 177, 0.7) 35%, rgba(16, 76, 134, 0.7) 100%); background: linear-gradient(-453deg, rgba(155, 175, 0, 0.5) 10%, #104c86 125%, rgba(16, 76, 134, 0.7) 167%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(#9bc900, 0.7)', endColorstr='rgba(#104c86, 0.7)',GradientType=1 ); } .aut-page .aut-bio { padding-left:20px; } .for-auth .section.post-footer { margin: 55px 16px 110px; } .for-auth{ display:none; } .list-posts .hs-author-avatar, .about-aut .hs-author-avatar, .aut-img .hs-author-avatar{ width: 52px; border: 1px solid white; border-radius: 50%; background-position: top center !important; background-size: 100% !important; height: 52px; } .aut-page .hs-author-avatar{ width: 160px; border: 1px solid white; border-radius: 50%; background-position: top center !important; background-size: 100% !important; height: 160px; background: url(https://f.hubspotusercontent10.net/hubfs/4316965/18.jpg); } .back-btn{ display:block !important; } .feature-top{ padding: 30px 15px 0; } .feature-top .lat-post{ color: #ffffff; font-size: 19px; /*22px*/ font-weight: 300; line-height: 30px; margin-bottom: 32px; } .feature-top .posted-on{ padding-left: 35px; color: #fff; font-size: 12px; position: absolute; padding-top: 8px; text-transform: uppercase; font-weight: 600; } .feature-top span.reading-minutes { float: right; color: #ffffff; font-size: 14px; padding-top: 7px; } .post-image .featured-image{ min-height: 201px; background-size: cover; background-repeat: no-repeat; } .auth-page{ box-shadow: 6px 5px 7px 0px rgba(0, 0, 0, 0.2), 0 2px 6px 0 rgba(0, 0, 0, 0.19); } .posts-wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .list-content span.posted-on { text-transform: uppercase; } .list-posts .post-image{ background: #ffffff; padding: 0; margin: 0px 15px 40px 15px; box-shadow: 6px 5px 7px 0px rgba(0, 0, 0, 0.2), 0 2px 6px 0 rgba(0, 0, 0, 0.19); width: 46%; } .list-posts .entry-title{ padding:15px 0; } .list-posts .reading-minutes{ float:right; color: #5B5B5B; } .list-posts .hs-author-avatar{ width: 52px; border: 1px solid white; border-radius: 50%; } .list-posts .hs-author-avatar img{ border-radius: 50%; height: 52px; width: 52px; } .list-posts .entry-meta{ margin-bottom: 25px; display: flex; } .top-recent .entry-meta{ margin-left:13px; margin-bottom: 15px; } .top-recent .author-name a{ color: #ffffff; } .top-recent .entry-content { color: #ffffff; padding: 0px 20px 0px 17px; } .top-recent .entry-content p { color: #ffffff; margin-bottom:35px; } .top-recent .entry-content a { float: right; color: #ffffff; } .list-posts .entry-meta .author-name { padding: 14px 18px; font-size: 17px; font-weight: 300; text-transform: uppercase; } .show-res { float: right; margin-top: -71px; color: gray; font-size: 12px; } .list-posts .list-content{ padding-top: 15px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .feature-top header.entry-header { padding: 14px 60px 14px 0px; color: #ffffff; } .feature-top header.entry-header a { color: #ffffff; font-size: 32px; line-height: 42px; } .has-search .form-control { padding-left: 1rem; border-radius: 0; border: 1px solid #104C86 !important; height: 40px !important; } .form-group { margin-bottom: 0px; } .allArtical{ font-size: 32px; padding-bottom:20px; } .just-author img{ border-radius: 50%; height: 52px; width: 52px; } .aut-name{ padding:0; } .aut-img{ padding: 0px 0px 25px 0px; } .aut-name h3{ padding: 13px 0px; color: #104C86; font-size: 32px; font-weight: 400; text-transform: uppercase; } .for-at{ display:none; } .aut-content{ padding: 0px 500px 20px 0px; } .for-aut .just-author { padding: 50px 0; } .for-aut .post-footer{ margin-left: -14px; text-transform: uppercase; font-weight: 600; font-size: 12px; } i.fa.fa-angle-left { font-size: 15px; font-weight: 700; padding-right: 8px; line-height: 20px; } i.fa.fa-angle-right { font-size: 16px; font-weight: 700; padding-left: 8px; } i.fas.fa-angle-down { position: absolute; right: 25px; top: 13px; z-index: 10; color:#104C86; } span.reading-minutes { text-transform: lowercase; } .d-t .posted-on { text-transform: uppercase; padding-right: 15px; } .list-content a.more-link { color: #9bc900; font-size: 15px; font-weight: 700; text-transform: uppercase; } .head-search{ padding: 50px 0px 20px 0px; border-bottom: 1px solid; } .head-search .form-control { display: block; width: 100%; border-radius: 0 !important; height: 40px; padding: 6px 6px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #104C86; border-radius: 4px; -webkit-appearance: none; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; } .content-list label { color: #104C86; font-size: 18px; font-weight: 600; padding-left:15px; letter-spacing: .025em; line-height: 24px; margin-bottom: 16px; } .content-list ul { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 30px; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0; list-style: none; } .content-list li{ position: relative; padding-bottom: 16px; } .content-list ul li::before { content: '\f105'; color: #104c86; font-family: 'Font Awesome 5 Free'; font-size: 18px; line-height: 34px; font-weight: 600; position: absolute; left: -30px; } .content-list ul li a { color: #104c86; font-size: 18px; font-weight: 600; letter-spacing: .025em; line-height: 24px; text-transform: capitalize; } .content-list ul li a:hover { color: #104c86; } .content-list ul li a .filter-link-count { display: none; } i.fas.fa-clock { padding-right: 5px; } .aut-page .hs-author-avatar img{ height: 160px; width: 160px; border-radius: 50%; } .aut-page h2{ font-size: 25px; padding: 0px 0px 8px 0px; color: #000; } .aut-page .hs-author-bio{ font-size:15px; } .aut-page .job-title{ padding-bottom: 15px; padding-top: 0px; } .aut-page { padding: 20px 0px; } .blog-author-page { display: none; } .has-search .form-control-feedback { position: absolute; z-index: 2; display: block; width: 2.375rem; padding-right: 38px; height: 2.375rem; line-height: 3.8rem; text-align: center; pointer-events: none; color: #104C86; } .aut-for-single .author-name a { color: #000; } .about-aut{ display: flex; } .aut-for-single .hs-author-avatar{ width:52px; } .aut-for-single .hs-author-avatar img{ border-radius: 50%; height: 52px; width: 52px; } .aut-for-single .author-name{ padding: 15px 15px; } .aut-for-single{ -ms-flex-pack: justify!important; justify-content: space-between!important; display: -ms-flexbox!important; display: flex!important; } .blog-pagination { text-align: center; margin-bottom: 150px; } .pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #939aa0 !important; text-decoration: none; background-color: transparent !important; border: 0 !important; line-height: 20px; font-size:20px; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 3; color: #104C86 !important; cursor: default; background-color: #337ab7; border-color: #337ab7; line-height: 20px; font-size:20px; } .list-content .entry-title a{ color:#191F2E; } .for-aut .just-author { padding: 50px 45px; } @media(max-width:381px){ header.entry-header.aut-for-single { display: block !important; } .content-area-blog .post-item .entry-header .entry-meta { } .aut-for-single .author-name a { color: #000; font-size: 18px; } .d-t { font-size: 12px; } header.entry-header.aut-for-single { display: block !important; } .content-area-blog .post-item .entry-header .entry-meta { margin-top: -19px !important; margin-left: 65px; } } @media only screen and (max-width: 600px) and (min-width: 341px) { .feature-top span.reading-minutes { float: right; color: #fff; font-size: 12px; padding-top: 1px; } .aut-name { padding: 0; text-align: center; } .for-aut .post-footer { margin-left: 16px; } .aut-img { padding: 0 42px; } .aut-img .hs-author-avatar { padding: 0 26px; text-align: center; } .aut-content { padding: 0px 30px; } .feature-top header.entry-header a { color: #fff; font-size: 20px; line-height: 26px; } .top-recent .entry-content p { color: #fff; margin-bottom: 35px; font-size: 14px; } .feature-top .posted-on { padding-top: 2px; } .feature-top header.entry-header { padding: 10px 0px 10px 0px; color: #fff; } } @media(max-width:600px){ .feature-top header.entry-header a { color: #fff; font-size: 20px; line-height: 26px; } .top-recent .entry-content p { color: #fff; margin-bottom: 35px; font-size: 14px; } .feature-top .posted-on { padding-top: 2px; } .feature-top header.entry-header { padding: 10px 0px 10px 0px; color: #fff; } } @media (min-width: 992px){ .side-bar { width: 28.333333% !important; margin-left: 46px; }} @media(max-width:580px){ .top-recent .entry-content p { margin-bottom: 20px; } .list-posts .post-image { width: 94% !important; } .post-image .featured-image { background-size: cover; } } @media(max-width:600px){ .feature-top { padding: 15px 15px 0; } .feature-top .lat-post { font-size: 16px; line-height: 20px; } } .content-area-blog .post-item.featured .featured-image{ background-size: cover !important; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; } .content-area-blog .post-item.featured h3 { color: #ffffff; margin-top: 32px; margin-bottom: 32px; } .content-area-blog .post-item.featured .post-text{ padding-left: 32px; padding-right: 32px; } .content-area-blog .post-item.featured .post-text h4 a{ color: #ffffff; font-size: 32px; font-weight: 400; line-height: 42px; } .content-area-blog .post-item.featured .post-text h4 a:hover{ color: #ffffff; } .content-area-blog .post-item.featured .entry-meta{ color: #ffffff; margin-top: 8px; margin-bottom: 24px; } .content-area-blog .post-item.featured .entry-content{ color: #ffffff; } .content-area-blog .post-item.featured .entry-content .more-link{ color: #ffffff; text-transform: uppercase; margin-top: 32px; margin-bottom: 32px; display: block; } .content-area-blog .post-item.featured .entry-content .more-link:hover{ color: #FCB037; } /* widget */ .widget-get-quote{ color: #ffffff; background: url("https://3334505.fs1.hubspotusercontent-na1.net/hubfs/3334505/Protexure%20Lawyers%20Blog/background-sidebar-cta.jpg"); background-repeat: no-repeat; background-size: cover; text-align: center; padding-top: 28px; padding-right: 40px; padding-bottom: 39px; padding-left: 40px; margin-top: 64px; margin-bottom: 64px; font-size:14px; } .widget-get-quote h2{ color: #ffffff; font-weight: 400; text-transform: uppercase; margin-bottom: 16px; font-size:29px; } .widget-get-quote .btn-lime{ margin-top: 16px; margin-right: 0; margin-bottom: 0; margin-left: 0; } .categories{ padding-left: 0; margin-bottom: 32px; } .categories h3, .block h3{ text-transform: uppercase; padding-top: 32px; padding-bottom: 32px; font-size: 19px; font-weight: 300; line-height: 26px; } .categories .widget-module ul{ padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 30px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; list-style: none; } .categories .widget-module ul li{ padding-bottom: 16px; position: relative; } .categories .widget-module ul li .filter-link-count{ display: none; } .categories .widget-module ul li::before{ content: '\f105'; color: #104c86; font-family: 'Font Awesome 5 Free'; font-size: 18px; line-height: 34px; font-weight: 600; position: absolute; left: -30px; } .categories .widget-module ul li a{ color: #104C86; font-size: 18px; font-weight: 600; letter-spacing: .025em; line-height: 24px; text-transform: capitalize; } .categories .widget-module ul li a:hover{ color: ; } .categories .widget-module .filter-expand-link{ font-size: 19px; } .recent-posts{ border-left: 1px solid #707070; padding-left: 17px; } .recent-posts h3{ text-transform: uppercase; padding-top: 32px; padding-bottom: 32px; } .recent-posts .widget-module ul{ padding: 0; margin: 0; list-style: none; } .recent-posts .widget-module ul li{ padding-bottom: 32px; } .recent-posts .widget-module ul li a{ color: #333333; } .recent-posts .widget-module ul li a:hover{ color: ; } /*//////////////////////////// /////////// Footer//////////// ////////////////////////////*/ .site-footer{ background: #191f2e; padding-top: 64px; } .site-footer .site-footer-info{ color: #ffffff; font-size: 14px;; } .site-footer .site-footer-info address p { color: #ffffff; font-size: 14px; line-height: 22px; letter-spacing: 0.075em; } .site-footer .site-footer-info h5{ color: #ffffff; font-weight: 600; text-transform: uppercase; } .site-footer .site-footer-info .column1 ul{ padding: 0; margin: 0; } .site-footer .site-footer-info .column1 ul li{ list-style: none; letter-spacing: 0.075em; margin-bottom:8px; } .site-footer .site-footer-info .column1 ul li a{ color: #9bc900; } .site-footer .site-footer-info .column1 ul li a:hover{ text-decoration: underline; } .site-footer .site-footer-info .column2 ul{ padding: 0; margin: 0; } .site-footer .site-footer-info .column2 ul li{ list-style: none; display: inline-block; margin-right: 30px; margin-bottom: 18px; } .site-footer .site-footer-info .column2 ul li.last{ margin-right: 0; } .site-footer .site-footer-info .column2 ul li a{ color: #ffffff; } .site-footer .site-footer-info .column2 ul li a:hover{ color: #9bc900; } .site-footer .site-footer-info .column3 ul{ padding: 0; margin: 0; } .site-footer .site-footer-info .column3 ul li{ list-style: none; margin-bottom: 8px; } .site-footer .site-footer-info .column3 ul li a{ color: #ffffff; font-size: 14px; letter-spacing: 0.075em; } .site-footer .site-footer-info .column3 ul li a:hover{ color: #9bc900; text-decoration: none; } .site-footer .site-footer-info .column4 ul{ padding: 0; margin: 0; } .site-footer .site-footer-info .column4 ul li{ list-style: none; padding-right: 30px; margin-bottom: 30px; /* max-width: 226px; */ width: 100%; position: relative; } .site-footer .site-footer-info .column4 ul li a{ color: #ffffff; font-size: 18px; font-weight: 600; letter-spacing: 0.025em; text-transform: uppercase; } .site-footer .site-footer-info .column4 ul li a:hover{ color: #9bc900; text-decoration: none; } .site-footer .site-footer-info .column4 ul li a:after{ position: absolute; content: '\f054'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-style: normal; display: inline-block; right: 0px; color: #ffffff; } .site-footer .site-footer-info h5{ margin-bottom: 16px; } .site-footer .site-footer-disclaimer{ color: #ffffff; font-size: 14px; padding-top: 32px; padding-bottom: 0px; } .site-footer .site-footer-disclaimer .border-top{ border-top: 1px solid #ffffff; padding: 15px 0; } .site-footer .site-footer-disclaimer .footer-logo img{ /* margin-bottom:20px; */ } .site-footer .site-footer-disclaimer ul{ padding: 0; margin: 0; } .site-footer .site-footer-disclaimer ul li{ list-style: none; display: inline-block; } /* .site-footer .site-footer-disclaimer ul li:after{ content: ' |'; } */ .site-footer .site-footer-disclaimer ul li.last:after{ content: ''; } .site-footer .site-footer-disclaimer ul li a{ color: #ffffff; font-size: 14px; letter-spacing: 0.075em; } /*======= Bootstrap 3 Media Queries =======*/ /*========== Mobile First Method ==========*/ /* Custom, iPhone Retina */ /* min-width : 320px */ @media only screen and (min-width : 320px){ .site-header-banner .site-header-text{ padding-top: 69px; } .site-header-nav-top{ display: none; } .site-header .site-header-banner { margin-top: 0px; background-position: top center; } .site-footer .site-footer-disclaimer ul li{ display: inline-block; } } .down-cta { text-align: center; margin: 45px 0 20px; } .down-cta a { background: #9bc900; color: #ffffff; padding: 12px 30px; border-radius: 5px; text-align: center; } @media(max-width:991px){ .aut-content { padding: 0px 0px 20px 0px; } } .rem-for-search-res{ display:none; } @media(max-width:1200px){ .list-posts { margin: 0 -17px 0 5px; } .list-posts .list-content { padding-top: 15px; padding-right: 15px; padding-bottom: 20px; padding-left: 15px; } .post-image .featured-image { min-height: 174px; background-size: cover; background-repeat: no-repeat; } .list-content .entry-title a { color: #191F2E; font-size: 20px; line-height: 25px; } .list-posts .post-image { background: #fff; padding: 0; margin: 0px 10px 40px 10px; box-shadow: 6px 5px 7px 0px rgba(0, 0, 0, 0.2), 0 2px 6px 0 rgba(0, 0, 0, 0.19); width: 45%; } } /* Extra Small Devices, Phones */ /* min-width : 480px */ @media(max-width:768px){ .list-posts .list-content { padding-top: 15px; padding-right: 15px; padding-bottom: 20px; padding-left: 15px; } } @media only screen and (min-width : 480px){ } /* Small Devices, Tablets */ /* min-width : 768px */ @media only screen and (min-width : 768px){ .site-footer .site-footer-disclaimer ul{ text-align: right; } } /* Medium Devices, Desktops */ /* min-width : 992px */ @media only screen and (min-width : 992px){ .auto-clear #for-alpha:nth-child(2n+1) .col-md-6{ clear: left; } } /* Large Devices, Wide Screens */ /* min-width : 1200px */ @media only screen and (min-width : 1200px){ .navbar.sticky{ transform: translateY(-47px); } .dropdown:hover .dropdown-menu{ display: block; margin-top: 0; /* remove the gap so it doesn't close */ } .dropdown-menu{ box-shadow: 0 5px 6px rgba(0,0,0,0.19); } .site-header-nav-top{ display: block; } .site-header-nav .navbar-header{ max-width: 24vw; } .site-header-nav .navbar-nav{ margin-top: 18px; } .site-header-nav .navbar-nav li{ padding: 10px 0.7vw; } .site-header-nav .navbar-nav li:last-child{ padding-right: 30px; } .site-header-banner .site-header-text{ padding-top: 145px; } .site-footer .site-footer-info .column4 ul li{ text-align: right; } } @media screen and (min-width: 1600px){ .site-header-nav .navbar-brand{ max-width: 100%; } .site-header-nav .navbar-nav{ margin-top: 28px; } .site-header-nav .navbar-nav li{ padding: 10px 25px; } .site-header .site-header-nav .navbar-nav .dropdown-menu { left: 25px; } } /*======= Bootstrap 3 Media Queries =======*/ /*======== Non-Mobile First Method ========*/ .remove-for-listing{ display:none; } .rem-for-list{ display:block !important; } a.backto-blog{ width: 100%; display: block; float: left; margin: 20px 0px 100px; /*20px 18px 100px;*/ } .searchRes{ font-size: 32px; font-weight: 400; } .block { text-transform: uppercase; /* padding-top: 32px; */ /* padding-bottom: 32px; */ font-size: 22px; font-weight: 300; line-height: 30px; } h6.search-title { margin: 12px 0 50px; color: #808080ab; } .search-for-result{ padding: 0px 0px 20px 0px; } h6.search-title span { color: #000; } @media(max-width:359px){ i.fas.fa-clock { padding-right: 0px; } .list-posts .entry-meta .author-name { padding: 12px 0px 15px 55px; font-size: 16px; font-weight: 300; text-transform: uppercase; } .aut-for-single .author-name { padding: 8px 0px 0 14px !important; } .post-image .featured-image { min-height: 173px !important; background-repeat: no-repeat; } .list-posts .hs-author-avatar { width: 46px; border: 1px solid white; position: absolute; } .list-posts .list-content { padding: 20px 15px 20px; } .feature-top .posted-on { padding-left: 10px; color: #fff; font-size: 12px; position: absolute; padding-top: 1px; text-transform: uppercase; } .feature-top span.reading-minutes { float: right; color: #fff; font-size: 12px; padding-top: 1px; } .aut-page .hs-author-avatar img { width: 80px; border-radius: 50%; float: left; } .col-xs-12.col-md-3.for-ath { display: flex; } .aut-page h2 { font-size: 18px; padding: 20px 0px 8px 13px; color: #000; } } .for-mobile{ display:none; } .rem-for-search{ display:none; } .rem-for-search-head{ display:none; } @media(max-width:991px){ .list-posts { margin: 0 -33px 0 7px; } .post-image .featured-image { min-height: 194px !important; background-repeat: no-repeat; } .for-desk{ display:none; } .aut-page .hs-author-avatar img { width: 80px; border-radius: 50%; float: left; } .col-xs-12.col-md-3.for-ath { display: flex; } .aut-page h2 { font-size: 18px; padding: 3px 0px 0px 13px; color: #000; } .for-mobile{ display:block !important; } .for-desk{ display:none; } .aut-page .hs-author-avatar img { width: 80px; border-radius: 50%; float: left; } .col-xs-12.col-md-3.for-ath { display: flex; } .aut-page h2 { font-size: 18px; padding: 3px 0px 0px 13px; color: #000; } .for-mobile{ display:block !important; } .aut-page .hs-author-bio { font-size: 15px; padding-top: 10px; } .aut-page .job-title { padding-bottom: 15px; padding-top: 0px; padding-left: 14px; } } @media only screen and (max-width : 767px){ .list-posts{ margin: 0px 0px 0 0px !important; } .searchRes{ font-size: 32px; font-weight: 400; padding-bottom: 15px; } .site-footer .site-footer-info .column4 ul li{ max-width: 153px; } .aut-name h3{ padding: 0px 25px 3px; } a.backto-blog { width: 100%; display: block; float: left; margin: 10px 2px 20px; } header.entry-header.aut-for-single { display: block !important; } .content-area-blog .post-item .entry-header .entry-meta { margin-top: -19px !important; margin-left: 65px; } .aut-for-single .author-name { padding: 9px 14px; font-size: 15px; } .content-area-blog .post-item .entry-header .entry-meta { color: #333333; font-weight: 600; text-transform: capitalize; margin-top: 15px; margin-bottom: 40px; font-size: 12px; } .list-posts .list-content { padding: 20px 15px 20px; } .blog-pagination { text-align: center; margin-bottom: 18px; } .aut-page .hs-author-bio { font-size: 15px; padding-top: 10px; } .aut-page .job-title{ padding-bottom: 15px; padding-top: 0px; padding-left: 16px; } .for-desk{ display:none; } .aut-page .hs-author-avatar img { width: 80px; border-radius: 50%; float: left; } .col-xs-12.col-md-3.for-ath { display: flex; } .aut-page h2 { font-size: 18px; padding: 3px 0px 0px 13px; color: #000; } .for-mobile{ display:block !important; } .for-aut .just-author { padding: 50px 45px; text-align: center; } .just-author img { border-radius: 50%; display: -webkit-inline-box; width: 200px; } .post-image .featured-image { min-height: 300px; background-size: cover; background-repeat: no-repeat; } .list-posts .post-image { background: #fff; padding: 0; margin: 0px 15px 40px 15px; box-shadow: 6px 5px 7px 0px rgba(0, 0, 0, 0.2), 0 2px 6px 0 rgba(0, 0, 0, 0.19); width: 96%; } .site-header-nav .navbar-header .navbar-brand{ max-width: 220px !important; padding: 23px 15px; } .site-header .site-header-banner .text-col h1{ font-size: 35px; line-height: 50px; } } @media only screen and (max-width : 1200px){ .navbar-offcanvas .navbar-nav{ margin-left: 0; margin-right: 0; } .navbar-offcanvas .navbar-nav li{ margin-bottom: 16px; } .navbar-offcanvas .navbar-nav li.open a{ text-decoration: none; background: none; border-bottom: 0; background-color:transparent !important; } .navbar-offcanvas .navbar-nav li.open a:hover{ text-decoration: none; background: none; border-bottom: 0; } .navbar-offcanvas .navbar-nav li.open .dropdown-menu li{ margin-bottom: 0px; } .navbar-offcanvas .navbar-nav li.open .dropdown-menu li a{ font-size: 14px; } .navbar-offcanvas .navbar-nav li.active a{ border-bottom: 0px; } .navbar-offcanvas .navbar-nav li a{ font-size: 16px; line-height: 22px; } .navbar-offcanvas .navbar-nav li a:hover{ border: 0; } .navbar-offcanvas .mobile-separator{ width: 100%; height: 1px; background: #333333; } .navbar-offcanvas .mobile-top-nav{ margin-top: 22px; } .navbar-offcanvas .mobile-top-nav li a{ color: #104C86; font-weight: 600; } .navbar-offcanvas .mobile-top-nav li a:hover{ color: #5b5b5b; text-decoration: none; border: 0; } .navbar-offcanvas .mobile-top-nav li:first-of-type a{ font-weight: 400; position: relative; padding-left: 22px; } .navbar-offcanvas .mobile-top-nav li:first-of-type a:before{ position: absolute; content: '\f095'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-style: normal; display: inline-block; left: 0; transform: rotateY(-180deg); color: #104C86; } .navbar-offcanvas .mobile-top-nav li:first-of-type a:hover{ color: #5b5b5b; text-decoration: none; border: 0; } .navbar-offcanvas .mobile-top-nav li:first-of-type a:hover:before{ color: #5b5b5b; } } @media only screen and (max-width : 1200px){ .navbar-header { float: none; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin-top: 7.5px; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .collapse.in{ display:block !important; } .offcanvas-stop-scrolling{ height: 1%; overflow: visible; } .navbar-default .navbar-offcanvas{ background-color: #ffffff; } .navbar-offcanvas{ position: fixed; width: 100%; max-width: 335px; height: 100%; left: -300px; top: 0; padding-top: 0; padding-left: 15px; padding-right: 15px; z-index: 999; overflow: none; -webkit-overflow-scrolling: touch; transition: all 0.15s ease-in; } .navbar-offcanvas.in{ box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } .navbar-offcanvas.navbar-offcanvas-fade{ opacity: 0; } .navbar-offcanvas.navbar-offcanvas-fade.in{ opacity: 1; } .navbar-offcanvas.offcanvas-transform.in{ -webkit-transform: translateX(335px); transform: translateX(335px); } .navbar-offcanvas.offcanvas-position.in{ left: 0; } .navbar-offcanvas.navbar-offcanvas-right{ left: auto; right: -335px; } .navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in{ -webkit-transform: translateX(-335px); transform: translateX(-335px); } .navbar-offcanvas.navbar-offcanvas-right.offcanvas-position.in{ left: auto; right: 0; } .navbar-offcanvas .dropdown.open .caret{ border-top: 0; border-bottom: 4px solid; } .navbar-offcanvas .dropdown-menu{ position: relative; width: 100%; border: inherit; box-shadow: none; transition: height 0.15s ease-in; } .navbar-offcanvas .dropdown-menu.shown{ display: block; margin-bottom: 10px; } }