/*
 Theme Name:   Jonk Investments
 Description:  Vela Child Theme
 Author:       F1 Websites
 Author URI:   https://www.f1websites.nl/
 Template:     Vela
 Version:      1.5.6
 Text Domain:  Vela-child
*/

body {
    color: #333 !important;
    font-size:18px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight:300 !important;
    line-height: 26px !important;
}

/*
#header.fixed.logo-top #logo img {
    max-height: 45px !important;
}
*/

h2 {
 font-family: 'Roboto', sans-serif !important;
 font-weight: bold;
 font-size: 28px !important;
 text-transform:none !important;
 margin-bottom: 10px !important;
}

h1, .title h1 {
 font-family: 'Roboto', sans-serif !important;
 font-weight: bold !important;
 font-size: 34px !important;
 text-transform:none !important;
 margin-bottom: 10px !important;
 color: #333 !important;
}

.title h1 {
    background-image: url(img/underscore.png);
    background-repeat: no-repeat;
    background-position: center 90px;
    padding: 20px 0 30px 0 !important;
    text-transform: lowercase !important;
    font-weight:400;
}

.section-title {
    padding-top: 45px !important;
}

.section-title h2 {
    background-image: url(img/underscore.png);
    background-repeat: no-repeat;
    background-position: center 70px;
    padding: 20px 0 30px 0 !important;
    text-transform: lowercase !important;
    font-weight:300;
    font-size:36px !important;
    transform : scale(1,1.2);
    -webkit-transform:scale(1,1.2); /* Safari and Chrome */
    -moz-transform:scale(1,1.2); /* Firefox */
    -ms-transform:scale(1,1.2); /* IE 9+ */
    -o-transform:scale(1,1.2); /* Opera */
}

.title-wrapper {
 background: #fff !important;
 min-height: 140px !important;
}

.title-wrapper .container {
 padding:0 !important;
}

.content p {
 font-size:18px !important;
 line-height: 26px !important;
 color:#333 !important;
}

#header #logo img.dark-logo {
 max-width: 165px !important;
 max-height: 70px !important;
 margin: 10px 0 15px 0 !important;
}

.header #logo img.dark-sticky {
 max-width: 125px !important;
 max-height: 53px !important;
 margin: 10px 0 15px 0 !important;
}

#header.mobile #logo {
 margin-left: 20% !important;
 margin-right: 20% !important;
 width: 60% !important;
}

#header {
 background: #000 !important;
}

#header.logo-top #logo {
 padding: 10px 0 0 0 !important;
}

#header .nav-wrapper > #nav > ul > li > a {
 font-family: 'Roboto', sans-serif !important;
 font-weight: 400 !important;
 color:#FFF;
 text-transform:lowercase;
 font-size:16px !important;
 padding:0 40px;
}

#header .nav-wrapper > #nav > ul > li > a:hover, 
.menu .current-menu-item a,
#header #nav > ul > li.active > a,
#header.fixed #nav > ul > li.active > a {
 color:#E00868 !important;
}

#header.header-v3 .header, #header.header-v4 .header, #header.header-v5 .header {
 margin-bottom:20px !important;
}

.dropdown-nav > ul > li > a::before, .header #search::before, .header .menu-cart > a::before {
 display:none;
}

.title-wrapper.top-padding .container {
 padding-top:160px !important;
}

.main-content {
 padding-top: 10px !important;
}

/*** SLIDER ***/
#slider {
 border-top:20px solid #000;
 border-bottom:20px solid #000;
 margin-top:-20px;
}

.tp-caption.small_light_white, .small_light_white {
 font-size:17px !important;
 font-weight: 400 !important;
 text-align:right;
}

a.btn-red, a.link-button {
 display:block;
 font-weight: bold;
 color:#eee !important;
 border:2px solid #C63F6A !important;
 width:120px !important;
 border-bottom-right-radius: 15px !important;
 margin-bottom:14px;
 font-family: 'Roboto', sans-serif !important;
 text-transform: lowercase !important;
 font-size:16px !important;
}

a.btn-red.right {
    float:right;
}

.link-button:hover span {
    opacity:0 !important;
}

.small_light_white div {
 display: block;
 clear: both;
 line-height: 22px;
 font-family: 'Roboto', sans-serif !important;
 text-transform: uppercase;
}

/** PORTFOLIO **/

.effect-selena figure:hover p {
 color:#FFF !important;
 font-size:12px !important;
 line-height: 19px !important;
}

/** CALL TO ACTION **/
.call-to-action {
 border:none !important;
}

a.link-button.large {
    padding:9px !important;
}

.call-to-action.button-bottom::before {
    height:0 !important;
}

.call-to-action::after {
    display:none;
}

.call-to-action h2 {
    background-image: url(img/trancedots.png);
    background-repeat: no-repeat;
    background-position: center 120px;
    padding: 20px 0 30px 0 !important;
}

#page {
    opacity: 1 !important;
}