/*
Theme Name: Vanloock Dakwerken
*/

/*
=================================
|***    Table of contents:   ***|
=================================

Main Style file-> assets/css/style.css 

All the SCSS File in SCSS Folder of Assets Folder. You can read the doc file also for better understand.

// BASIC
@import 'basic';

// MIXIN
@import 'variables';

// TYPOGRAPHY
@import 'typography';

// MIX
@import 'mix';

// HELPER
@import 'helper';

// ICON FONTS
@import 'icon';

// ANIMATION
@import 'animation';

// Button 
@import 'btn';

// Colors 
@import 'colors';

// Preloader 
@import 'preloader';

/* ----------------------------------
    Template Section Styles
 ------------------------------------*/

 /* // Menu - Header Section 
 @import 'header';
 
 // Hero Slide - Section 
 @import 'hero';
 
 // Section Title - Heading 
 @import 'section';
 
 // About - Section 
 @import 'about';
 
 // Features - Section 
 @import 'features';
 
 // services - Section 
 @import 'services';
 
 // testimonial - Section 
 @import 'testimonial';
 
 // Portfolio - Cases - Section 
 @import 'project';
 
 // Price Table - Section 
 @import 'price';
 
 // Call To Action - Section 
 @import 'cta';
 
 // Content Block - Section 
 @import 'contentblock';
 
 // team - Section 
 @import 'team';
 
 // funfact - Section 
 @import 'funfact';
 
 // Download - Section 
 @import 'carousel';
 
 // FAQ - Section 
 @import 'faq';
 
 // Blog - Section 
 @import 'blog';
 
 // Contact Us - Section 
 @import 'contact';
 
 // footer - Section 
 @import 'footer';n facts */


/* Custom */
img.logo { max-height:100px; }
.hero-2 .hero-contents h1 {
    font-size: 65px;
}
.hero-2 .hero-contents {
    padding: 100px 0px;
}
.section-title h2 { text-transform: none; }
.hero-2 .single-slide::before{background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.0) 100%);}
.block-contents .section-title h2 { font-size: 48px; }
.section-title h2 { text-transform: none; }
header.header-2 .right-elements .call-action i { color: white;
    font-size: 41px;
    float: left;
    /* position: absolute; */
     margin-top: 10px;
    margin-right: 20px; }
@media (min-width: 1600px){
    header.header-2 .container-fluid {
        padding: 0px 130px;
    }
    
    header.header-2 .right-elements .call-action { min-width: 210px; }
}
@media (max-width: 1599px){
    header.header-2 .right-elements .call-action i { display: none; }
}
header.header-2 .main-menu ul > li > ul { width: 300px; }
header.header-2 .main-menu ul > li > ul li a:hover, header.header-2 .main-menu ul > li a:hover, header.header-2 .main-menu ul > li > a.active { color: #FF7F00 !important; }
.single-service-box .icon img { width: 55px; }
.single-icon-circle-item .icon { line-height: 92px; width: 80px; height: 80px; }
.single-icon-circle-item .icon img {
    max-width: 80%;
    max-height: 40px;
    position: absolute;
   top: 20px;
   left: 19px;
}