body{
background-color: #fff6f1;
}
.h1, .h2, .h3, .h4, .h5, .h6, .main-font, h1, h2, h3, h4, h5, h6 {
font-family:Open Sans;
font-weight: 400;
text-transform: none;
}
.border-bottom, .border-top, .border-left, .border-right {
border-color: #e8d3c7 !important;
}
.global-image {
max-width: 471px;
max-height: 320px;
object-fit: cover;
}
img {
object-fit: cover;
}
.flex-w {
flex: 50%;
}
a:hover{
text-decoration: none;
}
a.navbar-brand {
font-size: 42px;
text-transform: uppercase;
color: #000;
}
.collapse.navbar-collapse {
justify-content: flex-end;
}
li.nav-item.custom-dropdown {
position: relative;
cursor: pointer;
display: block;
}
.custom-dropdown-menu {
display: none;
transition: .3s;
position: absolute;
z-index: 9999;
}
.custom-dropdown:hover .custom-dropdown-menu {
display: block;
transition: .3s;
}
.custom-dropdown-menu ul li {
list-style-type: none;
}
a.navbar-brand {
font-size: 42px;
text-transform: uppercase;
color: #000;
}
.custom-dropdown:after {
content: "";
position: absolute;
z-index: 1;
top: 50%;
left: -2px;
width: 5px;
height: 5px;
margin-top: -2px;
border-radius: 50%;
border: 1px solid #000;
}
.custom-dropdown-menu:before {
content: "";
position: absolute;
z-index: 2;
top: -5px;
width: 8px;
height: 8px;
border-style: solid;
border-color: inherit;
border-width: 1px 0 0 1px;
transform: rotate(45deg);
margin: 0 auto;
left: 0;
right: 0;
background: #fff6f1;
}
.custom-dropdown-menu {
width: 100%;
border: 1px solid #000;
padding: 0 5px;
background: #fff6f1;
}
.social-side a .fa {
font-size: 20px;
}
li.nav-item {
align-items: center;
display: flex;
}
input.search-field {
width: 100%;
background: transparent;
border: none;
border-bottom: 2px solid #000;
height: 80px;
font-size: 30px;
}
.fade-search {
position: fixed;
top: 0;
background: #fff6f1f7;
width: 100%;
height: 100%;
left: 0;
right: 0;
padding: 0 35px;
z-index: 99;
}
form.search-form {
position: absolute;
width: 100%;
left: 0;
right: 0;
padding: 0 35px;
top: 50%;
}
input.search-field::placeholder {
font-size: 30px;
}
input.search-field:focus {
outline: none;
}
p.close-search i.fa {
position: absolute;
right: 0;
top: 20px;
font-size: 24px;
cursor: pointer;
}
p.close-search {
position: relative;
}
.fade-search {
display: none;
}
.secondary-header ul {
justify-content: space-between;
}
.secondary-header li a {
font-size: 16px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
transition: .3s;
}
.secondary-header ul {
justify-content: space-between;
padding: 15px 30px;
}
.secondary-header li a:hover, .art-img h2.entry-title.h6 a:hover{
text-decoration: none;
color: #993333;
transition: .3s;
}
button.navbar-toggler {
padding: 10px 0 0 0;
width: 40px;
height: 100%;
line-height: 0;
cursor: pointer !important;
background: transparent !important;
}
span.navbar-toggler-icon {
background: #000;
height: 2px;
margin-bottom: 10px;
width: 100%;
}
.phone-menu a {
font-size: 18px;
color: #000;
}
.blue {
background: transparent !important;
margin-top: 30px;
}
.digital-news img.featured-img {
height: 396px;
object-fit: cover;
}
/*slider*/
/*slider*/
.content-overlay {
background: #fff6f1;
width: 85%;
margin: 0 auto;
padding: 0 20px;
position: relative;
z-index: 999;
top: -40px;
text-align: center;
}
.content-overlay a.entry-category {
text-transform: uppercase;
color: #91807e;
font-weight: 500;
font-size: 14px;
}
.content-overlay a.dgtl-entry-title {
color: #332f2e;
font-size: 43px;
line-height: 50px;
transition: .3s;
}
.content-overlay a.dgtl-entry-title:hover, .choice-inner h2 a:hover {
color: #993333;
transition: .3s;
}
.content-overlay p {
font-size: 20px;
color: #70645f;
width: 90%;
margin: 0 auto;
}
.author-avatar img {
width: 38px;
height: 38px;
border-radius: 100%;
}
span.vcard a, time.entry-date, span.byline i{
font-size: 11px;
color: #91807e;
}
.border-line:after {
background: #e8d3c7;
width: 1px;
height: 100%;
position: absolute;
content: "";
top: 0;
right: 0;
}
.border-line {
position: relative;
}
.ad-block--title {
background-color: #fff6f1;
line-height: 1;
font-size: .625rem;
font-family: sans-serif;
letter-spacing: .1em;
text-transform: uppercase;
position: relative;
z-index: 2;
}
.ad-block--title:before {
content: "";
height: 1px;
background-color: #e8d3c7;
position: absolute;
left: 0;
top: 50%;
z-index: -1;
width: 100%;
}
.ad-block--title span {
background: #fff6f1;
color: #91807e;
}
span.post-time {
position: absolute;
top: 0;
width: auto;
text-align: center;
letter-spacing: .05em;
opacity: 1;
font-family: sans-serif;
line-height: 1;
color: #fff;
padding: 10px .9375rem;
font-size: .8125rem;
background: #fff6f163;
}
.time-main{
justify-content: center;
}
.reader-choice, .choice-inner{
justify-content: space-between;
}
.choice-inner img {
width: 76px;
height: 76px;
}
.choice-inner h2 {
font-size: 20px;
padding: 0 24px;
display: -webkit-box;
max-height: 74px;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
-webkit-line-clamp: 3;
}
.choice-inner h2 a {
color: #332f2e;
font-weight: 400;
}
.content-overlay.cont-2 {
background: #fff6f1;
width: 100%;
margin: 0 auto;
padding: 0 20px;
text-align: left;
position: static;
}
.content-overlay.cont-2 a.dgtl-entry-title {
font-size: 30px;
line-height: 40px;
}
.content-overlay.cont-2 p {
font-size: 16px;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
-webkit-line-clamp: 3;
}
.content-overlay.cont-2.single-custom-div-content p{
-webkit-line-clamp: unset;
}
span.spacer-time:after {
background: #91807e;
width: 3px;
height: 3px;
border-radius: 100%;
content: "";
position: absolute;
top: 50%;
left: -2px;
}
span.spacer-time {
margin: 0 8px;
position: relative;
}
.inner-art .content-overlay {
position: static;
}
.inner-art .content-overlay a.dgtl-entry-title, .inner-art-2.content-overlay a.dgtl-entry-title {
font-size: 30px;
line-height: 33px;
}
.inner-art .content-overlay p, .inner-art-2.content-overlay p {
font-size: 16px;
}
.inner-art-2.content-overlay {
width: 90%;
}
.art-main h2 a {
color: #91807e;
}
.art-choice h2, .art-choice h2 a {
font-size: 24px;
color: #332f2e;
}
.art-choice h2 a:hover {
color: #993333;
}
.border-art .content-overlay {
top: -20px;
}
#sidebarWrap {
width: 23%;
float: right;
position: relative;
box-shadow: none;
border: none;
margin: 0;
padding: 0;
height: 100%;
}
#main {
width: 73%;
max-width: 100%;
}
#footer {
clear: both;
margin: 10px 0;
}
#sidebar {
width: 100%;
height: 100%;
position: absolute;
}
#header {
height: 200px;
margin-bottom: 10px;
background: #333333;
}
#sidebar.fixed {
position: fixed;
top: 70px;
}
#sidebar .author-avatar img {
width: 70px;
height: 70px;
}
#sidebar span.vcard a {
font-size: 18px;
color: #000;
display: block;
}
.Business_News .d-flex {
flex-wrap: wrap;
}
.Business_News{
position:relative;
}
.right_sidebar {
position: sticky;
top: 40px;
z-index: 999;
}
/*extra*/
#search-btn{
padding: 10px;
border-radius: 2px;
color: #FFF;
display: block !important;
}
#search-btn:hover{
cursor: pointer;
}
#search-overlay{
display:none;
}
.block {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
text-align: center;
background: #fff6f1;
border: #a0a0a0 solid 1px;
margin: 0;
height: 100%;
z-index: 999999;
}
i#close-btn {
position: absolute;
top: 27px;
right: 38px;
z-index: 9999;
color: #757575;
}
.block:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: 0;
/* Adjusts for spacing */
/* For visualization
background: #808080; width: 5px;
*/
}
.slick-slide {
height: auto;
}
.centered {
display: inline-block;
vertical-align: middle;
width: 90%;
padding: 10px 15px;
color: #FFF;
border: none;
background: transparent;
}
#search-box {
position: relative;
width: 100%;
margin: 0;
}
#search-text {
font-size: 14px;
color: #ddd;
border-width: 0;
background: transparent;
}
#search-box input[type="text"] {
width: 100%;
padding: 0 20px 0px 5px;
color: #333;
outline: none;
background: transparent !important;
border-bottom: 1px solid #ddd;
font-size: 50px;
font-weight: 100;
}
#search-button {
position: absolute;
top: 0;
right: 0;
height: 4.7em;
width: 100px;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 42px;
border-width: 0;
background-color: #4d90fe;
-webkit-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
cursor: pointer;
}
lose-btn{
position: fixed;
top: 1em;
right: 1em;
}
#close-btn:hover{
color: #777;
cursor: pointer;
}
.slick-list.draggable {
overflow: hidden !important;
padding: 20px 0 !important;
position: relative;
}
.slick-list.draggable:after {
background: #e8d3c7;
content: "";
height: 1px;
width: 100%;
bottom: 0;
position: absolute;
}
button.slick-prev.slick-arrow {
position: absolute;
right: 10px;
top: 10px;
height: 100%;
z-index: 999;
width: 100px;
background-image: linear-gradient(to right,transparent,#fff6f1 50%) !important;
background-color: transparent;
}
section#features .slider button.slick-next.slick-arrow {
background: transparent !important;
}
/*extra*/
.footer {
justify-content: center;
}
.footer li{
list-style-type: none;
}
.footer li .fa{
color: #332f2e;
font-size: 24px;
}
.site-info {
background: #332f2e;
}
span.footer-copyright {
color: #857871;
font-size: 14px;
}
.footer-social span.px-4 {
text-transform: none;
font-size: 19px;
color: #332f2e;
}
/*scroll-nav*/
#scroll-menu {
position: fixed;
top: 0;
visibility: hidden;
z-index: 9999;
width: 100%;
background: #fff6f1;
left: 0;
right: 0;
opacity: 0;
transition: .5s;
max-width: 1464px;
width: 100%;
margin: 0 auto;
}
.change {
visibility: visible !important;
opacity: 1 !important;
}
#scroll-menu .secondary-header ul {
margin: 0 auto;
}
/*scroll-nav*/
/* Slider */
.art-img img {
width: 77px;
height: 77px;
object-fit: cover;
}
h2.entry-title.h6 {
flex: 100%;
font-size: calc(.52356vw + 12.64921px);
color: #332f2e;
padding-left: .9375rem;
padding-right: .9375rem;
}
.art-img {
display: flex;
}
.art-img h2.entry-title.h6 a {
color: #332f2e;
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: none;
touch-action: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
&:focus {
outline: none;
}
.slick-loading & {
background: white url(./ajax-loader.gif) center center no-repeat;
}
&.dragging {
cursor: pointer;
cursor: hand;
}
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
zoom: 1;
&:before,
&:after {
content: "";
display: table;
}
&:after {
clear: both;
}
.slick-loading & {
visibility: hidden;
}
}
.slick-slide {
float: left;
img {
display: block;
&.slick-loading {
background: white url(./ajax-loader.gif) center center no-repeat;
padding-bottom: 100%;
}
}
display: none;
&.dragging img {
pointer-events: none;
}
.slick-initialized & {
display: block;
}
.slick-loading & {
visibility: hidden;
}
.slick-vertical & {
display: block;
height: auto;
border: 1px solid transparent;
}
}
.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
display: none !important;
}
.slick-prev:after {
content: "\f053";
}
.slick-prev:after, .slick-next:after {
font-size: 20px;
line-height: 1;
color: black;
opacity: 0.85;
font-family: fontawesome;
}
.slick-prev, .slick-next {
display: block;
height: 20px;
width: 20px;
line-height: 0;
font-size: 0;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
margin-top: -10px;
padding: 0;
border: none;
outline: none;
}
.slick-prev:focus, .slick-next:focus {
outline: none;
}
.slick-next:after {
content: " ";
position: absolute;
bottom: 0;
top: 0;
right: 0;
z-index: 9999;
font-size: 40px;
background: url(https://millionaire-business-articles.com/wp-content/uploads/2020/09/right.png);
background-repeat: no-repeat;
background-position: 0px 7px;
height: 131px;
width: 30px;
}
.slick-prev:after {
content: " ";
position: absolute;
bottom: 0;
top: 6px;
left: 60px;
z-index: 9999;
background: url(https://millionaire-business-articles.com/wp-content/uploads/2020/09/left.png)!important;
background-repeat: no-repeat;
background-position: 0px 1px;
width: 17px;
height: 89px;
}
/* Arrows */
/* Dots */
.single-post .single-reply div#respond form#commentform textarea, .single-post .single-reply div#respond form#commentform input, form.wpcf7-form input, form.wpcf7-form textarea {
width: 100%;
background: transparent;
border: 1px solid #715647;
}
.single-post .single-reply div#respond form#commentform p.comment-form-cookies-consent {
display: flex;
align-items: baseline;
}
.single-post .single-reply div#respond form#commentform input#wp-comment-cookies-consent {
width: auto;
display: inline-block;
float: left;
}
.single-post .single-reply div#respond form#commentform p.comment-form-cookies-consent label {
display: unset;
margin-left: 5px;
}
.single-post .single-reply div#respond form#commentform input#submit, form.wpcf7-form .wpcf7-submit.btn{
width: auto;
background: #332f2e;
padding: 8px 22px;
color: #fff6f1;
}
.single-post .single-reply div#respond form#commentform input#submit:hover {
background: #332f2e;
}
.single-post .content_post .content-overlay p {
margin-left: 0;
}
.single-post .content_post .content-overlay {
padding-left: 0;
padding-right: 0;
}
.pagination-wrapper nav.navigation.pagination .nav-links {
background: #e8d3c7;
padding: 10px 10px;
}
.pagination-wrapper nav.navigation.pagination .nav-links span.page-numbers.current {
background: #332f2e;
padding: 6px 12px;
margin: 0 8px;
color: #e8d3c7;
}
.pagination-wrapper nav.navigation.pagination .nav-links a.page-numbers {
color: #332f2e;
}
div#search-box form.search-form input#search-form-1 {
width: 100%;
padding: 0 20px 0px 5px;
color: #333;
outline: none;
background: transparent !important;
border-bottom: 1px solid #ddd;
font-size: 50px;
font-weight: 100;
}
div#search-box form.search-form label{
width: 100%
}
div#search-box form.search-form input.search-submit, li.nav-item.right:after, .social-side li:after{
display: none;
}
@media (min-width: 1200px){
.container {
max-width: 1464px;
}
}
@media (min-width: 768px){
header a.nav-link {
font-size: 11px;
text-transform: uppercase;
letter-spacing: .05em;
color: #000;
}
.navbar-nav li.nav-item a {
font-size: 11px;
text-transform: uppercase;
letter-spacing: .05em;
color: #000;
}
.navbar-nav li.nav-item a {
font-size: 11px;
text-transform: uppercase;
letter-spacing: .05em;
color: #000;
position: relative;
padding: 0 5px;
}
.navbar-nav li.nav-item:after {
content: "";
position: absolute;
z-index: 1;
top: 50%;
right: 0px;
width: 5px;
height: 5px;
margin-top: -2px;
border-radius: 50%;
border: 1px solid #000;
}
.navbar-nav li{
position: relative;
}
}
@media (max-width: 992px){
.secondary-header {
display: none;
}
.phone-menu {
display: block !important;
}
.desktop-menu {
display: none;
}
.dropdown-menu {
position: absolute !important;
width: 100%;
}
.dropdown-toggle::after {
right: 0 !important;
position: absolute;
}
.social-side {
margin-left: 0 !important;
}
.social-side a.nav-link {
color: #000;
}
div#search-reveal {
display: none;
}
a.navbar-brand {
font-size: 30px;
}
}
@media (max-width: 1024px){
.navbar-brand {
font-size: 17px !important;
}
p{font-size: 14px !important;}
.art-choice h2, .art-choice h2 a {
font-size: 18px;
line-height: 21px;
}
h1, h2, h3, h4, h5, h6, .content-overlay.cont-2 a.dgtl-entry-title {
font-size: 18px !important ;
line-height: 20px;
}
.choice-inner h2 {
font-size: 18px !important;
}
.content-overlay a.dgtl-entry-title {
font-size: 24px;
line-height: 27px;
}
.content-overlay p {
font-size: 16px;
width: 100%;
}
.inner-art .content-overlay a.dgtl-entry-title, .inner-art-2.content-overlay a.dgtl-entry-title {
font-size: 20px;
line-height: 26px;
}
}
@media (max-width: 991px){
.choice-inner {
justify-content: center;
text-align: center;
}
.choice-inner h2 {
padding-left: 2px;
margin: 7px 0px 20px 0;
}
.d-flex {
flex-wrap: wrap;
}
.choice-inner img {
width: 100%;
height: auto;
}
.px-4 {
padding-left: 0 !important;
}
.global-image {
height: auto !important;
margin-bottom: 15px;
}
.content-overlay {
width: 100%;
}
.py-5 {
padding: 15px 0 !important;
}
.my-5 {
margin: 0px 0 30px 0 !important;
}
.pb-5 {
padding-bottom: 10px !important;
}
.mt-5 {
margin-top: 20px !important;
}
.content-slider h2 {
width: 100%;
text-align: center;
}
}
@media (max-width: 767px){
#navbarNavDropdown {
background: #eee;
padding: 10px;
}
button.navbar-toggler {
padding: 3px 0 0 0;
width: 31px;
}
.border-line:after{
display: none;
}
}
@media (max-width: 414px){
a.navbar-brand {
font-size: 17.5px;
}
.navbar {
padding: 0.5rem 0rem;
}
}