body {
font-family: 'Roboto',Helvetica,Arial,sans-serif !important;
}
p, a
{
font-size: 15px;
}
p
{
color: #615e62;
}
body, button, input, select, textarea
{
font-size: 15px !important;
}
h1
{
font-size: 44px !important;
font-weight: 800;
line-height: 1.3;
color: #85af82;
text-transform: uppercase;
}
h2
{
font-size: 36px;
font-weight: 800;
line-height: 1.3;
color: #3a683e;
}
h3
{
font-size: 33px;
font-weight: 800;
line-height: 1.3;
color: #85af82;
}
h4
{
font-size: 30px;
font-weight: 800;
line-height: 1.3;
color: #3a683e;
}
h5
{
font-size: 27px;
padding-bottom: 5px;
font-weight: 700;
line-height: 1.3;
color: #85af82;
}
h6
{
font-size: 24px;
padding-bottom: 5px;
font-weight: 700;
line-height: 1.3;
color: #3a683e;
} .logo_size {
float: left;
z-index: 200;
padding: 0px;
}
nav ul li {
margin-right: 30px;
}
.menu-hoofdmenu-container {
float: right;
}
.nav>li>a {
display: block;
padding: 10px 15px;
}
li.current-menu-item a {
color: #85af82 !important;
font-weight: 600;
}
li.menu-item-has-children > a:after {
content: "\f0dd";
font-family: FontAwesome;
padding-left: 8px;
color: #85af82;
position: relative;
top: -3px;
}
header#masthead {
background: white;
z-index: 10;
padding-bottom: 30px;
padding-top: 30px;
border-bottom: 1px solid #416c44;
}
nav#site-navigation {
margin-top: 17px;
}
.main-navigation a {
font-weight: 300;
}
.logo {
width: 220px;
z-index: 100000;
position: relative;
}
nav ul li a {
font-size: 15px;
padding-top: 5px;
color: #615e62 !important;
}
.main-navigation {
clear: inherit !important;
display: block !important;
float: right !important;
width: initial !important;
background: none;
padding: 0px;
}
.main-navigation ul li ul li a {
margin-top: 0px;
color: white !important;
}
.main-navigation ul li ul li {
padding: 13px 25px;
background-color: #85af82;
border-bottom: 1px solid white;
margin-right: 0px;
width: 100%;
min-width: 180px;
}
ul li ul li.current-menu-item a {
font-weight: 700 !important;
border-bottom: none !important;
padding-bottom: 0px;
}
.main-navigation ul ul a {
width: 100% !important;
}
.main-navigation ul ul {
margin-top: 35px;
box-shadow: none !important;
}
.main-navigation li {
padding-bottom: 30px;
} ul.slides h1 {
color: white;
margin-bottom: 5px;
}
ul.slides p {
color: white;
font-size: 17px;
margin-bottom: 13px;
}
ul.slides li p a {
margin-top: 5px;
width: auto;
color: #fff;
display: inline-block;
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
letter-spacing: 1px;
border-radius: 2px;
padding: 12px 32px;
background-color: #CC2B1A;
transition: background-color .25s ease-in-out;
-moz-transition: background-color .25s ease-in-out;
-webkit-transition: background-color .25s ease-in-out;
}
ul.slides li p a:hover {
background: #9D2114;
color: white;
text-decoration: none;
} .content_home {
display: block;
float: left;
background: #f7f7f7;
padding: 15px 65px 5px 65px;
margin-top: -70px;
}
.homepage h2.entry-title {
display: none;
}
section.targets {
background: #85af82;
padding: 8px 0px;
}
a.btn {
margin-top: -1px;
float: left;
width: auto;
color: #fff !important;
display: inline-block;
font-weight: 600;
font-size: 15px;
border-radius: 0px;
padding: 15px 25px;
background-color: #85af82;
transition: background-color .25s ease-in-out;
-moz-transition: background-color .25s ease-in-out;
-webkit-transition: background-color .25s ease-in-out;
}
a.btn:hover {
background: #3e6a41;
color: white !important;
text-decoration: none;
}
a.btn_dark {
margin-top: 0px;
float: left;
width: auto;
color: #fff !important;
display: inline-block;
font-weight: 600;
font-size: 15px;
border-radius: 0px;
padding: 13px 25px;
background-color: #3e6a41;
transition: background-color .25s ease-in-out;
-moz-transition: background-color .25s ease-in-out;
-webkit-transition: background-color .25s ease-in-out;
}
a.btn_dark:hover {
background: #85af82;
color: white !important;
text-decoration: none;
}
a.btn_white {
margin-top: 0px;
width: auto;
color: #3e6a41 !important;
display: inline-block;
font-weight: 600;
font-size: 15px;
border-radius: 0px;
padding: 15px 25px;
background-color: #fff;
transition: background-color .25s ease-in-out;
-moz-transition: background-color .25s ease-in-out;
-webkit-transition: background-color .25s ease-in-out;
}
a.btn_white:hover {
background: #e8e8e8;
color: #3e6a41 !important;
text-decoration: none;
}
section.back_home {
background: #fff;
padding-bottom: 20px;
}
.trans
{
padding-top: 90px;
padding-bottom: 75px;
background: rgba(52, 52, 52, 0.5);
}
.widget_text {
width: 100%;
} footer#colophon {
padding-top: 80px;
padding-bottom: 10px;
color: #615e62;
background: white;
}
footer#colophon, p {
line-height: 1.8;
}
footer .col-md-4 {
padding-right: 50px;
}
.line {
height: 1px;
width: 100%;
background: #B5B3B6;
margin-top: 60px;
margin-bottom: 35px;
}
.copy {
float: right;
}
p.design
{
float: left;
}
.copy_info p
{
font-size: 14px;
}
.copy_info a
{
font-size: 14px;
font-weight: 600;
color: #615E62;
} a.post-edit-link {
padding-left: 50px;
padding-right: 50px;
padding-top: 10px;
padding-bottom: 10px;
background: #1A171B;
color: white !important;
} .page_content {
padding: 20px;
padding-top: 70px;
padding-bottom: 70px;
} a.btn:visited {
color: white;
}
a:visited {
color: white;
}
.target_tekst img {
float: left;
height: 16px;
margin-right: 8px;
margin-top: 5px;
}
.target_tekst p {
float: left;
color: white;
margin-bottom: 0px;
}
.target_tekst {
float: left;
margin-right: 72px;
}
.target_tekst:last-child {
margin-right: 0px;
}
.account img {
width: 20px;
padding-top: 5px;
}
.cart img {
width: 22px;
padding-top: 5px;
}
.account {
float: right;
border-left: 1px solid black;
padding-left: 20px;
padding-right: 20px;
height: 30px;
}
.cart {
float: right;
border-left: 1px solid black;
padding-left: 20px;
padding-right: 0px;
height: 30px;
}
.vlag {
float: right;
margin-right: 60px;
}
.vlag:first-child {
margin-right: 0px;
}
.vlag img {
float: left;
width: 40px;
}
.vlag p {
margin-bottom: 0px;
font-weight: 600;
padding-top: 11px;
margin-left: 15px;
float: left;
font-size: 16px;
}
.vlaggen {
float: right;
width: 100%;
}
.headline {
float: right;
height: 1px;
width: 100%;
background: #85af82;
margin-top: 0px;
margin-bottom: 0px;
}
section.assortiment {
background: url(//stekbaas.nl/wp-content/themes/stekbaas/img/back_stekbaas.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
text-align: center;
padding-top: 105px;
padding-bottom: 75px;
}
.stap_1 {
background: url(//stekbaas.nl/wp-content/themes/stekbaas/img/1.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.stap_2 {
background: url(//stekbaas.nl/wp-content/themes/stekbaas/img/2.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.stap_3 {
background: url(//stekbaas.nl/wp-content/themes/stekbaas/img/3.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.stap_4 {
background: url(//stekbaas.nl/wp-content/themes/stekbaas/img/4.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.stap {
margin-bottom: 30px;
}
.stap img {
margin: 0 auto;
display: block;
}
.stap_1 img {
width: 80px;
}
.stap_2 img {
width: 110px;
padding: 7px 0px;
}
.stap_3 img {
width: 40px;
padding-bottom: 4px;
padding-top: 5px;
}
.stap_4 img {
width: 70px;
padding: 1px 0px;
}
.stap h4 {
text-align: center;
font-size: 21px;
color: #416c44;
margin-top: -5px !important;
}
.stap section.widget_media_image {
margin-top: 70px;
}
p.p_stap {
font-size: 32px;
font-weight: 300;
margin-bottom: 0px;
line-height: 50px;
color: #3e6a41;
}
h1.titel_stap {
font-size: 80px !important;
margin: 0px 0px;
color: #3e6a41;
line-height: 100px;
}
a.stapjes {
color: #85af82 !important;
font-size: 25px;
font-weight: 500;
border-bottom: 2px solid #85af82;
padding-bottom: 5px;
}
.tekst_slide {
padding-top: 130px;
padding-left: 0px;
}
.tekst_slide a.btn
{
margin-top: 10px;
margin-right: 10px;
}
.tekst_slide a.btn_dark
{
margin-top: 10px;
}
section.selectie {
background: #85af82;
margin-top: -80px;
text-align: center;
padding: 130px 0px;
}
.titel_selectie h2 {
font-size: 41px;
color: white;
margin-bottom: 0px;
}
.titel_selectie a {
color: white !important;
border-bottom: 1px solid white;
font-size: 20px;
margin-bottom: 20px;
}
.content_home h2.entry-title {
display: none !important;
}
.content_home h3 {
font-size: 50px;
color: #85af82;
}
a.arrow
{
color: black !important;
text-decoration: none;
font-weight: 500;
}
a.arrow:after {
content: "\f061";
font-family: FontAwesome;
font-style: normal;
font-weight: 100;
padding-left: 10px;
font-size: 10px;
}
.titel_stappen h4 {
font-size: 46px;
color: #3a683e;
}
.titel_stappen p {
font-size: 17px;
color: #85af82;
border-bottom: 1px solid #85af82;
float: left;
}
section.stappen
{
padding: 70px 10px 70px 0px;
}
section.assortiment h5 {
font-size: 40px;
color: white;
}
.titel_stappen {
float: left;
width: 100%;
}
footer h6 {
font-size: 24px;
}
.sub {
background: #f7f7f7;
}
.afbeelding_home {
padding: 0px;
margin-top: 40px;
position: relative;
right: 40px;
}
button#responsive-menu-pro-button {
box-shadow: none !important;
}
a.responsive-menu-pro-item-link {
border-bottom: 1px solid rgb(255 255 255) !important;
}
div#responsive-menu-pro-search-box {
display: none !important;
}
div#responsive-menu-pro-container {
background: #85af82 !important;
}
div#responsive-menu-pro-additional-content {
display: none !important;
}
.responsive-menu-pro-subarrow {
border-left: 1px solid white !important;
border-bottom: 1px solid white !important;
}
li.woocommerce-MyAccount-navigation-link {
list-style: none !important;
background: #3a683e;
padding: 20px;
text-align: center;
border-bottom: 2px solid white;
margin-right: 40px;
}
.woocommerce-MyAccount-content {
background: white;
padding: 40px 40px 20px 40px;
}
li.woocommerce-MyAccount-navigation-link a {
color: white !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
margin: 0px;
}
.woocommerce table.my_account_orders .button {
padding: 7px;
margin-right: 3px;
}
li#wpmenucartli {
margin-right: 0px;
}
.link_selectie {
float: left;
width: 100%;
}
.half {
width: 47%;
float: left;
margin-right: 3%;
text-align: center;
background: #85af82;
padding: 60px 50px 40px 50px;
}
.half h4
{
color: white;
}
.half p
{
color: white;
}
input.wpcf7-form-control.wpcf7-submit {
width: auto;
color: #fff;
display: inline-block;
font-weight: 400;
font-size: 16px;
letter-spacing: 0.7px;
border-radius: 0px;
padding: 22px 40px;
background-color: #85af82;
transition: background-color .25s ease-in-out;
-moz-transition: background-color .25s ease-in-out;
-webkit-transition: background-color .25s ease-in-out;
font-family: 'Roboto',Helvetica,Arial,sans-serif !important;
border-radius: 5px;
box-shadow: none !important;
text-shadow: none !important;
border: none !IMPORTANT;
}
.wpcf7 textarea {
border-radius: 5px;
}
textarea {
padding-left: 3px;
width: 100%;
}
.wpcf7 label {
min-width: 100% !important;
}
span.wpcf7-list-item {
margin: 0px;
}
input.wpcf7-form-control {
width: 100%;
}
input[type="submit"] {
background: #85af82 !important;
color: white !important;
box-shadow: none !important;
padding: 6px 22px !important;
}
.woocommerce div.product p.price {
font-weight: 800;
font-size: 30px !important;
margin-bottom: 7px;
}@media only screen and (max-width: 1199px) {
.vlag {
margin-right: 40px;
}
.tekst_slide {
padding-top: 85px;
}
.target_tekst {
margin-right: 24px;
}
.target_tekst p {
font-size: 14px;
}
nav ul li {
margin-right: 14px;
}
.account {
padding-left: 15px;
padding-right: 15px;
}
.cart {
padding-left: 15px;
}
}
@media only screen and (max-width: 991px) {
.footer_midden {
margin-top: 20px;
}
section.related.products {
float: left;
width: 100%;
margin-top: 30px;
}
.half {
width: 100%;
margin-right: 0%;
padding: 30px 25px 20px 25px;
margin-bottom: 20px;
}
.footer_div
{
margin-top: 50px;
float: left;
width: 100%;
}
.menu-hoofdmenu-container {
display: none;
}
.line {
margin-top: 20px !important;
float: left;
}
p.copy {
float: left;
}
.footer_left {
margin-top: -20px !important;
}
.target_tekst {
display: none;
}
.account
{
display: none;
}
.cart
{
display: none;
}
.navigatie {
width: 100%;
float: left;
margin-top: 20px;
padding: 0px;
}
nav#site-navigation {
width: 100% !important;
float: left !important;
}
.vlaggen {
float: left;
width: 100%;
}
.headline {
float: left;
}
.vlag {
float: left;
}
.vlag:first-child {
margin-right: 30px;
}
.afbeelding_slide {
display: none;
}
section.selectie {
padding: 70px 0px 130px;
margin-top: 90px;
}
.afbeelding_home {
display: none;
}
.titel_stappen h4 {
text-align: center;
}
.titel_stappen {
float: left;
width: 100%;
position: relative;
z-index: 10;
}
.titel_stappen p {
font-size: 17px;
color: #85af82;
border-bottom: none;
text-align: center;
width: 100%;
}
.stap_1 {
background-size: auto;
}
.stap_2 {
background-size: auto;
}
.stap_3 {
background-size: auto;
}
.stap_4 {
background-size: auto;
}
.stap
{
float: left;
width: 100%;
}
section.stappen{
float: left;
width: 100%;
background: white;
}
section.assortiment {
float: left;
width: 100%;
}
section.assortiment h5 {
font-size: 32px;
}
.titel_stappen h4 {
font-size: 40px;
}
.content_home h3 {
font-size: 40px;
}
.titel_selectie h2 {
font-size: 35px;
}
footer {
float: left;
width: 100%;
}
li.current-menu-item a {
font-weight: 700;
color: white !important;
}
.page_content {
padding: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
}
@media only screen and (max-width: 690px) {
.logo {
width: 165px;
}
button#responsive-menu-pro-button {
top: 70px !important;
right: 3% !important;
}
.vlaggen {
display: none;
}
.headline{
display: none;
}
.navigatie {
display: none;
}
h1.titel_stap {
font-size: 65px !important;
line-height: 65px;
}
p.p_stap {
font-size: 25px;
}
a.stapjes {
font-size: 20px;
}
.copy {
float: left;
width: 100%;
}
}
@media only screen and (max-width: 599px) {
}
@media only screen and (max-width: 400px) {
h1.titel_stap {
font-size: 50px !important;
line-height: 55px;
}
.titel_selectie h2 {
font-size: 25px;
}
.content_home h3 {
font-size: 30px;
}
.content_home h3 {
font-size: 30px;
}
.stap h4
{
font-size: 19px;
}
section.assortiment h5 {
font-size: 25px;
}
section.assortiment {
padding-top: 65px;
padding-bottom: 45px;
}
.titel_stappen
{
font-size: 30px;
}
.subpage img {
width: 100%;
margin-bottom: 10px;
}
h1 {
font-size: 32px !important;
}
h2 {
font-size: 29px !important;
}
h3 {
font-size: 26px !important;
}
h4 {
font-size: 23px !important;
}
h5 {
font-size: 20px !important;
}
h6 {
font-size: 18px !important;
}
.content_home {
padding: 0px 25px 0px 25px;
margin-top: -70px;
}
.tekst_slide {
padding-top: 45px;
}
section.selectie {
padding: 50px 0px 120px;
margin-top: 70px;
}
.woocommerce.columns-4 h2.woocommerce-loop-product__title {
font-size: 15px !important;
height: 55px;
}
.woocommerce.columns-3 h2.woocommerce-loop-product__title {
font-size: 15px !important;
height: 55px;
}
}ul, ol{
list-style-type: none;
margin: 0;
padding: 0;
}
.full-width-slider{
position: relative;
height: 450px;
overflow: hidden;
}
.slides{
position: relative;
height: 100%;
background-color: #85af82;
margin: 0;
list-style-type: none;
}
.slides li{
display: table;
position: absolute;
z-index: 1;
top: 0;
left: 0;
height: 100%;
width: 100%;
transform: translateX(100%);
transition: transform .5s;
background-color: tomato;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
} .slides li.selected{
z-index: 2;
transform: translateX(0);
}
.slides li.move-left{
transform: translateX(-100%);
}
.slides li.visible{
z-index: 2;
}
.slides li > div{
display: table-cell;
vertical-align: middle;
text-align: center;
color: #FFF;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slides h2{
margin-top: 0;
color: white;
font-size: 35px;
text-shadow: 1px 2px 18px #000000;
text-align: left;
margin-left: 110px;
}
.slider-navigation a{
position: absolute;
z-index: 3;
top: 50%;
transform: translateY(-50%);
left: 20px;
width: 48px;
text-decoration: none;
font-weight: 100;
//text replace
//overflow: hidden
//white-space: nowrap
//text-indent: 100%
//color: transparent
//background: url(//stekbaas.nl/wp-content/themes/stekbaas/img/icon-arrow.svg) no-repeat center center
opacity: 0.5;
transition: opacity .3s, visibility .3s;
&:hover{
opacity: 1;
}
@media (max-width: 500px){
display: none;
}
}
.slider-navigation a.next{
left: auto;
right: 10px;
//transform: translateY(-50%) rotate(180deg)
}
.slider-dots-navigation{
position: absolute;
z-index: 1000;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
list-style-type: none;
margin: 0;
@media (max-width: 500px){
display: none;
}
}
.slider-dots-navigation li{
display: inline-block;
float: left;
margin-right: 15px;
&:last-of-type{
margin-right: 0;
}
}
.slider-dots-navigation a{
display: block;
height: 10px;
width: 10px;
border: 1px solid #FFF;
border-radius: 0%;
//rechthoekig
//height: 7px;
//width: 14px;
// border-radius weg halen
//text replace
overflow: hidden;
white-space: nowrap;
text-indent: 100%;
color: transparent;
transition: background-color .3s;
}
.slider-dots-navigation a:hover,
.slider-dots-navigation a.selected{
background-color: #FFF;
}
ul.slider-navigation{
margin: 0;
padding: 0;
list-style-type: none;
li{
a{
color: $grey;
font-size: 45px;
&.next{
&:before{
font-family: FontAwesome;
content: "\f105";
}
}
&.prev{
&:before{
font-family: FontAwesome;
content: "\f104";
}
}
}
}
}