BODY { font-family:'beausitefit-medium', sans-serif; font-size:20px; color:#96805F; background-color:#FFFFFF; } .u-font-body { font-family:'beausitefit-medium', sans-serif; font-size:20px; } a { color:#84CFCF; } a:hover, a:active, a:focus { color:#29b373; } .ai-navbutton { color:#84CFCF; } .nav>li>a:focus, .nav>li>a:hover { color:#29b373; background-color:transparent; } .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { color:white; background-color:#84CFCF; border-radius:20px; } .form-control { border-radius:20px; font-size:20px; } .dropdown-menu { background-color:rgba(243, 242, 241, .9); border-radius: 15px !important; box-shadow: 0px 0px 0px 0px rgba(176,176,176,1); } .dropdown-menu::before { border-color: transparent transparent rgb(243, 242, 241) transparent !important; } .btn-default { color:#29b373; background-color:transparent; border: 1px solid #29b373; } .btn-default:hover { color:#FFFFFF; background-color:#29b373; border: 1px solid #29b373; } .btn-primary { color:#FFFFFF; background-color:#29b373; border: 1px solid #29b373; } .btn-primary:hover { color:#29b373; background-color:transparent; border: 1px solid #29b373; } #spotlight .btn { color: #ffffff; background-color: transparent; display: block; float: left; border: 1px solid #ffffff; height: 42px; font-size: 16px; padding: 0px 15px; line-height: 40px; } #spotlight .btn-default { color: #29b373; border: 1px solid white; background-color: white; } #spotlight .btn-default:hover { color:white; background-color:transparent; } #spotlight .btn-primary:hover { color:#29b373; } #spotlight .btn-cta:hover { color: #29b373; border: 1px solid #F9D22D; background-color: #F9D22D; } h1 { color:#29b373; } h2, h3, h4, h5, h6 { color:#4f453b; } header { background-color:#F3F2F1; } .ai-company { color:#383838; display:none; } .ai-headerlink { color:#84CFCF; } .ai-headerlink-social .fab { color:#84CFCF; } .ai-headerlink:hover { color:#84CFCF; } .ai-headerlink-social:hover .fab { color:#84CFCF; } .navbar-default { background-color:#F3F2F1; } .navbar-default .navbar-nav>li>a, .dropdown-menu>li>a { color:#51443a; } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color:#29b373; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color:#F3F2F1; color:#84CFCF; } .navbar-default .navbar-nav .pull-right .ai-navbutton { background-color:#F9D22D; color:#51443a; border-radius:20px; } .navbar-default .navbar-nav .pull-right .ai-navbutton:hover { background-color:#F9D22D; color:#29b373; } .btn-highlighted { background-color:#F9D22D; color:#51443a; border-radius:20px; } .btn-highlighted:hover { background-color:#F9D22D; color:#29b373; } @media (max-width: 767px) { .navbar-default { background-color:#F3F2F1; } .nav li { background-color:#F3F2F1; } } h1, h2, h3, h4, h5, h5, .ai-company { font-family:'beausitefit-medium', sans-serif; text-transform:none; font-weight:400; } .btn { border-radius:20px; } .btn-margin { margin-right: 10px !important; } .btn-cta { background-color:#F9D22D; color:#51443a; border-radius:20px; } .btn-cta:hover { color: #29b373; background-color:#F9D22D; } .pagination>li:first-child>a, .pagination>li:first-child>span { border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .pagination>li>a, .pagination>li>span { color:#F9D22D; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color:#F9D22D; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color:#F9D22D; border-color:#F9D22D; } .content, #breadcrumb { background-color:#FFFFFF; } .label-default { background-color:#96805F; color:#FFFFFF; } .panel { background-color:#F3F2F1; } .panel_2 .label-default { background-color:#FFFFFF; color:#29b373; } .panel_2 { background-color:#29b373; color:#FFFFFF; } .panel_2 h1, .panel_2 h2, .panel_2 h3 { color:#FFFFFF; } .panel_2 a { color:#FFFFFF; } .panel_2 .btn-default { color:#FFFFFF; background-color:transparent; border: 1px solid #FFFFFF; } .panel_2 .btn-default:hover { color:#29b373; background-color:#FFFFFF; border: 1px solid #FFFFFF; } .panel_2 .btn-primary { color:#29b373; background-color:#FFFFFF; border: 1px solid #FFFFFF; } .panel_2 .btn-primary:hover { color:#FFFFFF; background-color:transparent; border: 1px solid #FFFFFF; } .gradient_light { background-image: linear-gradient( to bottom, rgba(255,255,255,0), rgba(255,255,255,.5) ); } .gradient_dark { background-image: linear-gradient( to bottom, rgba(0,0,0,0), rgba(0,0,0,.5) ); } footer { background-color:#51443a; } footer h3 { color:#9a928c; } footer .ai-footerlink { color:#9a928c; } footer .ai-footerlink:hover { color:#9a928c; } .solid-divider { background-color: #000000; height: 1px; opacity: 50%; } .dashed-divider { border-top: 1px dashed #000000; opacity: 50%; } .dotted-divider { border-top: 1px dotted #000000; opacity: 50%; } .carousel-indicators.ai-carousel-indicators-slider li { background-color: #84CFCF; } .carousel-indicators.ai-carousel-indicators-slider li.active { background-color: #84CFCF; } .navbar-modern .pull-right { border-radius:20px; } .navbar-modern .pull-right:hover { background-color: #F9D22D; border: 1px solid #F9D22D; border-radius:20px; color: #29b373; } .header-modern.shadow { box-shadow: 0px 10px 0px -10px rgba(176,176,176,1); } .header-modern.navpanel { background-color: #F3F2F1; } .header-modern.navpanel .navbar-modern .pull-right:hover { background-color: #F9D22D; color: #29b373; } .header-modern.navpanel .ai-navbutton { color: #51443a; } .header-modern.navpanel .ai-navbutton:hover { color: #29b373; } .header-modern.navpanel .active .ai-navbutton { color: #84CFCF; } .header-modern.navpanel .ai-headerlink { color: #84CFCF; } .header-modern.navpanel .ai-headerlink:hover { color: #84CFCF; } .header-modern.navpanel .ai-company { color: #383838; } .header-modern.scrolled { background-color: #F3F2F1 !important; } .header-modern.scrolled .navbar-modern .pull-right { background-color: #F9D22D; color: #51443a; } .header-modern.scrolled .navbar-modern .pull-right:hover { background-color: #F9D22D; color: #29b373; } .header-modern.scrolled .ai-navbutton { color: #51443a; } .header-modern.scrolled .ai-navbutton:hover { color: #29b373; } .header-modern.scrolled .active .ai-navbutton { color: #84CFCF; } .header-modern.scrolled .ai-headerlink { color: #84CFCF; } .header-modern.scrolled .ai-headerlink:hover { color: #84CFCF; } .header-modern.scrolled .ai-company { color: #383838; } .header-modern.scrolled .modern-xs .btn-highlighted { background-color: #F9D22D; } /* GOOGLE TRANSLATE WIDGET */ .goog-te-gadget-simple span { color: #84CFCF !important; font-family:'beausitefit-medium', sans-serif; } .translate_classic_mobile .goog-te-gadget-simple::before { color: #84CFCF !important; } .header-modern.scrolled .goog-te-gadget-simple span { color: #84CFCF !important; } .header-modern.scrolled .visible-xs .goog-te-gadget-simple::before { color: #84CFCF !important; } @font-face {font-family:beausitefit-medium;font-style:normal;font-weight:400;font-display:fallback;src:url('https://www.degrootagro.nl/uploads/files/217/4458Beausitefit-medium.woff2') format('woff2');} BODY { background-image:url('https://www.all-instap.nl/photobook/2941/DGABackground.png'); background-attachment:scroll; background-position-x:50%; background-position-y:50%; background-repeat:repeat-y; background-size:110% 100%; padding:0px 20px; } header { padding-top: 20px; border-top: 20px solid #84CFCF; width: calc(100% - 40px); } .panel-default { background-color:#ffffff; } .panel_2 { background-color: #29b373; } #spotlight h3 { color:#51443a; } #spotlight .row.contentSpotlight { min-width:100%; text-align:center; } .ai-logo img { max-height:60px; } .carousel .item h3 { font-size: 62px; line-height: 76px; font-weight: 500; } @media (min-width: 992px) { .col-md-9 { width: 83.33333333%; } } .panel_2:nth-child(2n) { background-color:#84CFCF; } .panel_2:first-of-type, .panel_2:first-of-type h2, .panel_2:first-of-type p { color: #4f453b; } .body-modern #google_map { margin-top:0px; } .panel_2:first-of-type .btn-cta { background-color:#29b373; } .panel_2:first-of-type .btn-cta:hover { background-color:#51443a; color:white; } .panel_2:last-of-type { background-color:#f9d22d; } .panel_2:last-of-type, .panel_2:last-of-type h2, .panel_2:last-of-type p { color: #4f453b; } .panel_2:last-of-type .btn-cta { background-color:#29b373; } .panel_2:last-of-type .btn-cta:hover { background-color:#51443a; color:white; } .projectsPhoto, .img-responsive, .newsPhoto { border-radius:15px; } b, strong { color:#51443a; } .ai-usps-container { text-align:center; } .ai-usps-container li { margin-bottom: 14px; display: inline-block; width: auto; /* height: 40px; */ background-color: #f9d22d; margin-right: 17px; float: none; /* line-height: 40px; */ padding: 15px 20px; color: #51443A; font-size: 28px; border-radius:3px; } .ai-usps-container li:nth-child(2n) { color:white; background-color:#29B373; } .ai-usps-container li:nth-child(3n), .ai-usps-container li:nth-child(7) { color:#51443A; background-color:#ffffff; } .ai-usps-container li:nth-child(4n), .ai-usps-container li:nth-child(6) { color:#ffffff; background-color:#96805F; } .ai-usps-container li span.fa-li { display:none; } @media (min-width: 992px) { .panel-usps .col-md-offset-2 { margin-left: 0; } } @media (min-width: 992px) { .panel-usps .col-md-8 { width: 100%; } }