/*
Theme Name: BetterFinance
Author: CF
Version: 1.0.0
Description: Custom Wordpress theme for BetterFinance
License: ''
License URI: ''
Template: financepress
*/

@import url(../financepress/style.css);
@import url(css/mega_menu.css);


@font-face {
    font-family: rotis_regular;
    src: url('fonts/Rotis_SemiSerif_55.ttf');
}


h1, h2, h3, h4, h5 {
    font-family: rotis_regular !important;
}

h1 {
    color: black;    
}

a {
    color: #1A99EC;
}

.top_header .container, .bottom_header .container, .breadcrumb_sec .container, .main_content .container {
	padding-left:15px;
    padding-right:15px;
}

.main_content {
    margin-top: 10px;    
    margin-bottom: 40px;
}
    
.main_content h2 {
    color: #555;
    margin-bottom: 30px ;
}

.main_content .container .row p {
    text-align: justify;
}

/*=====================*/
.main_content.home h4 {
    font-weight: 700;
    font-size: 20px;
    color: #262626;
    margin-bottom: 9px;
}
.main_content.home h4:after {
    display: block;
    margin-top: 10px;
    content: "";
    width: 103px;
    height: 14px;
    background: transparent url('/wp-content/themes/betterfinance/images/decor-title.png') no-repeat;    
}

.main_content.home > .container > .row > .vc_row {
    padding-left: 15px !important;
    padding-right: 15px !important;
}


.top_header  .btn-sq-xs {
  width: 25px !important;
  height: 25px !important;
  padding:2px;
  overflow: hidden;
  background-color: #e6e6e6;
  color: #333333 !important;
  font-size: 10px;
  line-height: 19px;
  display: inline-block !important;
}

/*========= bottom header ========*/
.bottom_header {
	padding-bottom:10px;
}

.bottom_header .featured_holder {
    margin-top: 5px;
}
.bottom_header h3 {
    color: black;
    font-size: 26px;
    font-weight: 500;
    line-height: 35px;
    margin-top: 20px;
    margin-bottom: 10px;
    white-space: nowrap;    
}

.bottom_header p {
    color: black;
    font-family: rotis_regular;
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 0;
}

.bottom_header .logo_holder img {
    display: none;
}
.bottom_header .logo_holder a {
    display: block;
    height: 100px !important;
    background: url(/wp-content/themes/betterfinance/images/BF_logo_slogan.png) no-repeat; 
    background-size: contain;
}

.bottom_header .logo_holder {
    padding-top: 22px;
}

/*========== Breadcrumb ==================*/
.breadcrumb_sec {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
    display: inline !important;
    
}
.faq_sec {
    padding-top: 0;
}

/*=========== homepage anchors ===========*/
#shareholders:before, #euroinvestors:before, #eurofinuse:before {
    display: block;
    content:'';
    height: 130px;
    margin-top: -130px;
}
/*=========== tab navigation ============*/
a[data-toggle] {
    color: black;
}

/*===========Search Bar =================*/
.main_menu #search {
	background: #003150;
}

.main_menu .search_icon {
	background-color: #003150;
}

.main_menu .search_click{
	background-color: #003150;
}
/*=========== News Aside ================*/
.news_aside {
    border: 0;
}
.aside_item {
    border: 0;
}
.news_aside h3 {
    color: #016EB5;
}
.aside_item span {
    color: #9b9b9b;
}
.aside_item.current_page_item a,
.aside_item.current_page_item h3,
.aside_item:hover a {
    color: white;
}
.aside_item.current_page_item,
.aside_item:hover {
	background: url(images/aside-bg.jpg) no-repeat center;
    background-size: cover;
}

/*============= pictures gallery =====================*/
.bwg_title_spun2_0  {
    font-family: rotis_regular !important;
    font-size: 18px !important;
    text-shadow: 1px 1px 5px #000, 0 0 15px #000 !important;
    color: white !important;
    font-weight: normal !important;
}

/*============== highlights slider ===================*/
#highlights {
	padding-top: 0;
}
#highlights .item {
	padding-right: 15px;
	margin-left:15px;
}
#highlights .owl_slider {
    position: relative;    
}
#highlights .owl_slider .customNavigation {
    position: absolute;
    right: 15px;
    top: -53px;
}
#highlights .owl_slider .single_highlight_item {
    margin-top: 0;
    border: 0;
}
#highlights .owl_slider .customNavigation a i {
	color:#9b9b9b;
    font-size: 36px;
    margin-left:12px;
    transition: all .3s ease;
}
#highlights .owl_slider .customNavigation a i:hover {
	cursor: pointer;
    color: #1a8bb3;
}


#highlights .owl_slider .single_highlight_item  .service_icon {
	display: -webkit-flex;
    display: flex;
	height:160px;
	width:100%;
	background: url(images/home/arrow-bg.png) no-repeat 50% 110%;
	background-color: #f4f4f4;
}
#highlights .owl_slider .single_highlight_item  .service_text h5 {
    text-align: center;
	font-weight: normal;
	font-size: 24px;
	text-transform: capitalize;
	color:#262626;
	margin-bottom: 19px;
}
#highlights .owl_slider .single_highlight_item  .service_text p {
    text-align: center;
	line-height: 21px;
    font-size: 13.5px;
}
#highlights .owl_slider .single_highlight_item .service_text {
    padding: 16px 2px 13px 4px;
}
#highlights .owl_slider .single_highlight_item :hover .service_icon,
#highlights .owl_slider .single_highlight_item :focus .service_icon,
#highlights .owl_slider .single_highlight_item :active .service_icon {
	background: url(images/home/arrow-bg.png) no-repeat 50% 101%;
	background-color: #1a8bb3;
	cursor: pointer;
}
#highlights .owl_slider .single_highlight_item :hover .icon_border,
#highlights .owl_slider .single_highlight_item :focus .icon_border,
#highlights .owl_slider .single_highlight_item :active .icon_border {
	border:1px solid #fff;
}
#highlights .owl_slider .single_highlight_item :hover .icon_border span,
#highlights .owl_slider .single_highlight_item :focus .icon_border span,
#highlights .owl_slider .single_highlight_item :active .icon_border span {
	color:#fff;
}


/*============== flow-flow social feeds ==============*/
.ff-stream {
    background: none !important;
    padding-top: 0 !important;
}
.ff-stream .ff-stream-wrapper {
	margin-top: 0 !important;
}
.ff-stream .ff-header {
/*	display: none !important; */
}
.ff-upic-round .picture-item__inner {
    border: solid 1px lightgrey;
}
.ff-stream h4 {
    font-size: 15px !important;
    line-height: 20px !important;
    margin-top: 10px !important;
    margin-bottom: 0px !important;
}
.ff-stream h4:after {
    display: none !important;
}
.ff-item.ff-facebook .ff-content {
    display: none !important;
}
.ff-item .ff-content {
    margin-top: 15px !important;
    margin-bottom: 10px !important;
}
.ff-item .ff-item-meta {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

/*============== header ==============================*/
.top_header {
    background: #0495f4;
    padding-top: 5px;
    padding-bottom: 5px;
}

.top_header .top_header_left p {
    display: inline-block;
    margin-right: 5px;
    padding-top: 0;
}

.top_header .top_header_left span.icon {
    padding-right: 3px;
}

.top_header .top_header_left span.icon:before{
    font-size: 15px !important;
    margin-top: -3px;
}

.top_header .social-icons li a {
    width: 25px;
    height: 25px;
    line-height: 25px;
    padding: 0px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    color: #333333;
    font-size: 10px;
    border-radius: 4px;
    background: #e6e6e6;
    margin-left: 5px;
}
.top_header .social-icons li {
    display: inline-block;
    padding-left: 0;
}
.top_header .social-icons ul {
    margin: 0;
}



.button-main {
    background: #016EB5;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #ffc20d;
    background: none;
}

.navbar-default .navbar-nav {
    padding-top: 0 !important;
}



footer {
    background: #01416b;
    padding-top: 81px;
}


footer .bottom_footer {
    border-top: solid 1px white;
}


footer .footer_logo img {
    height: 80px;
    margin-right: 15px;
    float: left;
}

footer .subscribe_us span:before {
    background: white;
}
footer .subscribe_us ul li a {
	background: #016EB5;
	border: 3px solid rgba(26, 139, 179, 0.2);	
	color:#fff;
}

footer .subscribe_us button {
    background: #016EB5;
}

footer .subscribe_us ul li a:hover,
footer .subscribe_us ul li a:focus {
    /* border:3px solid rgba(43,43,43,0.9);  */
	color:#9b9b9b;
	background: #2b2b2b;	
}

footer .useful_links {
    padding-left: 15px;
}

footer .links ul {
    list-style-type: disc;
    color: white;
}

footer .links ul li a:hover {
    color: #1A99EC;
}


/*============== customviews ==============*/

/* hide thumbnails in collapsible lists */
.pt-cv-view .panel-body .pt-cv-href-thumbnail {
    display: none;
}   

.pt-cv-view .pt-cv-ifield img.pt-cv-thumbnail {
    display: none;
}

.pt-cv-view .pt-cv-ifield a.pt-cv-href-thumbnail {
    background-size: contain;
}

.pt-cv-view .pt-cv-ifield .pt-cv-title {
    margin-bottom: 0px !important;
}

.pt-cv-view .pt-cv-ifield .pt-cv-content {
    font-family: Alegreya, serif;
}

.pt-cv-view .pt-cv-meta-fields {
    font-family: rotis_regular;
}
.pt-cv-view .pt-cv-meta-fields .entry-date time {
    color: black !important;
}

.pt-cv-view .pt-cv-meta-fields a {
    color: #1A99EC !important;
}

.pt-cv-view .pt-cv-meta-fields a:hover {
    color: #01416b !important;
}

/*=========== specific views customisations ================*/

/* latest articles */
#pt-cv-view-c136587bn3.pt-cv-view h5.pt-cv-title, .pt-cv-view h5.pt-cv-title a.cvplbd {
    text-align: justify;
    max-height: 35px;
    overflow: hidden;
}

#pt-cv-view-c136587bn3..pt-cv-view .pt-cv-ifield a.pt-cv-href-thumbnail {
    background-size: cover;
    border-radius: 5px;
}

/* latest publications */
#pt-cv-view-9e017cf8hd.pt-cv-view h5.pt-cv-title, .pt-cv-view h5.pt-cv-title a.cvplbd {
    text-align: justify;    
    max-height: 35px;
    overflow: hidden;
}

/*============= tribe Events tickets ==================*/
.tribe_events h2.tribe-events-tickets-title {
    display: none;    
}
.tribe_events form.cart:nth-of-type(1)::before {
    display: block;
    content:'Register for the event';
    font-size: 20px;
    font-family: rotis_regular;
}
.tribe_events table.tribe-events-tickets {
    width: 100% !important;
}
.tribe_events table.tribe-events-tickets td.tickets_name {
    width: 20%;
}
.tribe_events table.tribe-events-tickets td.tickets_price {
    width: 15%;
}
.tribe-button {
    color: black;    
}

/*=========== Bootstrap customisations =====================*/
.form-group button[type="submit"] {
    background: #016EB5 !important;
}

.form-group button[type="submit"]:hover {
    background: #01416b !important;
}
/*=========== WordPress Backery editor customizations=======*/
/* set v align to top in inner-tables */
.wpb_row .wpb_column table td {
    vertical-align: top !important;
}

/*==================== project gallery (used for checyourfund navigation) ====================*/
.hvr-sweep-to-right:before {
  background: #016EB5;
}
.project_gallery {
	padding-top: 10px;
}
.project_gallery .gallery_menu ul li.active {
    background: #016EB5;
}


/*=========== CheckYourFund home =======================*/
.feature-content, .feature-content p {
    text-align: center !important;
}
.feature-content h3 i {
    font-size: 40px;
    margin-bottom: 15px;
}

.feature-content p {
    line-height: 25px;
}

/*=========== Responsive adjustments =======================*/
.pull-right-sm {
    float: right;
}

@media (max-width : 1200px) {
    /*hide home under 1200px width*/
    li.mega-menu-item-home {
        display: none !important;
    }

}
@media (max-width : 992px) {

    /*hide project & campaigns under 992px width*/
    #mega-menu-item-230 {
        display: none !important;
    }
    footer .bottom_footer .left_space_fix {
        padding-left: 0 !important;
    }
    footer .bottom_footer .left_space_fix .pull-right {
        float: none !important;
    }
    
}
@media (max-width: 767px) {
    .pull-right-sm {
      float: none !important;
    }
    footer .useful_links, footer .subscribe_us, footer .contact_us {
        padding-top: 0 !important;
    }    
    footer .useful_links {
        padding-left: 0;
    }
    footer h4 {
        padding-top: 25px !important;
    }
    footer .links ul li {
        line-height: 36px;
        font-size: 120%;
        float: left;
        display: inline-block;
        margin-left: 0;
        margin-right: 20px;    
    }
}
@media (max-width : 600px) {
    span.mega-menu-description {
        display: none !important;
    }
    
    #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item-has-children > a.mega-menu-link:after {
        margin-top: 5px !important;
    }
    #mega-menu-wrap-main_menu ul.mega-sub-menu a.mega-menu-link {
        margin-left: 12px !important;
    }
    .bottom_header .featured_holder div:first-of-type > a > h3:first-of-type {
        margin-top: 0;
    }    
}


/*========= CheckYourFund ==========*/
#inPopUp {
    padding: 10px;
    border-radius: 15px;
    border: solid 2px grey;
}

.hvr-sweep-to-right > a:hover {
    color: white;
}

.main_content ul {
    padding-left: 40px;
}

.onp-sl-overlap-locker-box.onp-sl-position-top {
    margin-top: 50px !important;
}
