/*
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */


/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */
body #wrapper #gform_submit_button_11 {
    background: #68b656!important;
    color: #Fff;
    font-size: 1rem;
}
.textwidget a {
    text-decoration: underline;
}
.list-one-la-green ul li::before {
    content:"\f00c";
    font-family: FontAwesome;
    display: inline-block;
    font-size: 20px;
    line-height: 25px;
    padding-right: 12px;
    width: auto;
	color: #68b656;
}
.list-one-la-green ul {
    margin: 0 !important;
    padding: 0 !important;
}
.list-one-la-green ul li {
    list-style: outside none none !important;
}

.list-one-la-green h1, .list-one-la-green h2, .list-one-la-green h3, .list-one-la-green h4, .list-one-la-green h5 {
    display: inline-block;
}


.widget-cl-review {
    padding-bottom: 25px;
    padding-top: 15px;
}
/* Landingspage 1 en 2 */
.ofaan-lp-1 {
    padding: 30px 0;
}
.ofaan-lp-1 h3 {
    color:#fff;
}
.ofaan-lp-1 .boekingform p {
    color: #fff;
}
.logo-wwv-row .textwidget img {
    width: 95%;
	transition:all 0.2s;
	text-align:center;
}
.logo-wwv-row .textwidget img:hover {
    width: 100%;
	transition:all 0.2s;
	text-align:center;
}

.offerte-aanvragen-sideblock p a {
    background: #68b656 none repeat scroll 0 0 !important;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700 !important;
    padding: 6px 20px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
}


.bg-vervang-img {
    display: none !important;
}
#pg-6-0 {
margin-bottom:0px !important;
}
#pg-6-1 {
margin-bottom:0px !important;
}
#pg-6-2 {
margin-bottom:0px !important;
}
#pg-6-3 {
margin-bottom:0px !important;
}
#pg-6-4 {
margin-bottom:0px !important;
}
#logo img {
width: 100px;
}
.ubermenu-submenu li a {
    background: #632F7F !important;
    font-size: 13px;
    font-weight: 400 !important;
	transition:all 0.2s;
}
.ubermenu-submenu li a:hover {
    color: #632F7F !important;
	background:#f2f2f2!important;
    font-size: 13px;
    font-weight: 300 !important;
	transition:all 0.2s;
}
#footer-container {
background-color: #331344!important;
border-top: 0px !important;
}
.gform_wrapper .gform_ajax_spinner {
  margin: 0 auto 20px auto;
  display: block;
}

#footer {
  background-color: #331344!important;
}

.offertebox {
  padding: 20px 20px 5px 20px;
  background-color:#632f7f;
  min-height: 380px;
  text-align: center;
}

.offertebox .gform_page_footer {
  padding-bottom: 10px!important;
}

.offertebox .widget-title {
  color: #fff;
}

.offertebox p {
  color: #fff;
}

.ctabox {
  padding: 20px 20px 0px 20px;
  background-image:url(//www.la-djs.nl/wp-content/uploads/2015/07/CTA-BG.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  min-height: 354px;
  text-align: center;
}

.ctabox h1  {
  font-size:24px;
  color:#f2f2f2;
  font-family: 'Source Sans Pro', arial,sans-serif;
}
.ctabox h2 {
font-size:20px;
color:#f2f2f2;
font-family: 'Source Sans Pro', arial,sans-serif;
}
.ctabox h3  {
font-size:18px;
color:#f2f2f2;
font-family: 'Source Sans Pro', arial,sans-serif;
}
.ctabox h4  {
font-size:15px;
color:#f2f2f2;
font-family: 'Source Sans Pro', arial,sans-serif;
}
.ctabox h5  {
font-size:13px;
color:#f2f2f2;
font-family: 'Source Sans Pro', arial,sans-serif;
}
.ctabox a  {
color:#f2f2f2;
font-family: 'Source Sans Pro', arial,sans-serif;
}
.ctabox p {
color:#f2f2f2;
font-family: 'Source Sans Pro', arial,sans-serif;
}
.reviewbox {

}
.toptextbox {
padding: 20px 20px 10px 20px;

}
.toptextbox h2 {
font-size: 16px;
font-weight: 400;
color: #632f7f;
}
.toptextbox h2::before {
content: url('//www.la-djs.nl/wp-content/uploads/2015/05/icon.png');
display:block;
float:left;
margin-right:20px;
margin-top:4px;
}
.widget_sow-post-carousel .sow-carousel-next {
    display: none !important;
}
.widget_sow-post-carousel .sow-carousel-previous {
    display: none !important;
}
.sow-carousel-items li {
    height: 190px;
    width: 150px !important;
}
.sow-carousel-thumbnail > a {
    background-size: cover !important;
    height: 115px !important;
    width: 100% !important;
}
.sow-carousel-item > h3 {
    border: none !important;
}
.sow-carousel-wrapper ul.sow-carousel-items {
    height: 150px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    transition: all 0.45s ease 0s;
    width: 100%;
}

/* CTA LOCATIE BOX */
.ctabox.locatie h3 {
    border: 0 none;
    float: left;
    margin: 0;
    padding: 5px 10px;
    text-align: left;
    width: 100%;
}
.ctabox.locatie h3:before {
    content: "\f124";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding: 0 12px 0 0;
    display: block;
    float: left;
}
.ctabox.locatie span {
    float: left;
    font-size: 14px;
    height: 26px;
    padding-left: 10px;
    text-align: left;
    width: 100%;
}
.ctabox.locatie .textwidget {
    background: rgba(88, 88, 88, 0.8) none repeat scroll 0 0;
    float: left !important;
    margin: 0 auto;
    padding: 0;
    width: 100%;
	border: 2px solid #555;
}
.ctabox.locatie .sidebutton3 {
    background-color: transparent !important;
    border: 1px solid #fff !important;
    border-radius: 3px;
    margin: 0 auto 15px;
    padding: 10px 20px !important;
    width: 65%;
}

/* LOCATIES SIDEBAR BOX */
.loc-item {
    float: left;
    text-align: center;
    width: 45%;
    margin-right: 10px;
	background:#632F7F;
}
.loc-item .fa.fa-map-marker {
    color: #f8f8f8;
    display: block;
    font-size: 30px;
    margin: 0 auto !important;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}
.loc-item a {
    color: #f8f8f8;
    float: left;
    font-size: 12px;
    margin: 5px auto 5px;
    text-align: center;
    width: 100%;
}

.bekijk-ook li.sow-carousel-item {
    width: 145px !important;
}
.bekijk-ook .sow-carousel-thumbnail > a {
    background-size: cover !important;
    height: 100px !important;
    width: 145px !important;
}
.bekijk-ook .sow-carousel-next {
    display: none !important;
}
.bekijk-ook .sow-carousel-previous {
    display: none !important;
}
.recentbox {

}
.videobox {
padding: 0px;
}
.menubox {

}
.menubox a {
color: #632f7f;
}
.menubox ul {
padding: 0 0 0 10px !important;
}
.werkwijzebox {
background-image:url(//www.la-djs.nl/wp-content/uploads/2015/05/La-DJS-apparatuurbox-bg.png);
background-repeat: no-repeat;
background-position: center left;
border: 2px solid #632f7f;
padding: 20px 20px 0px 20px;
color: #fff;
min-height: 310px;

}

.appartuurbox {
background-image:url(//www.la-djs.nl/wp-content/uploads/2015/05/La-DJS-apparatuurbox-bg.png);
background-repeat: no-repeat;
background-position: center left;
border: 2px solid #632f7f;
padding: 20px 20px 0px 20px;
color: #fff;
min-height: 700px;
background-color: #f8f8f8;
}
.appartuurbox .widget-title {
text-align:center;
color: #632f7f;
font-size: 24px;
}
.appartuurbox h3 {
text-align:left;
color: #632f7f;
font-size: 18px;
margin:15px 0 10px 0 !important;
padding:15px 0 10px 0 !important;
}
.appartuurbox h4 {
text-align:left;
color: #632f7f;
font-size: 14px;
margin:5px 0 10px !important;
padding:5px 0 10px !important;
}
.post-meta {
display: none !important;
}
#comments {
display: none !important;
}
.headercontact span a {
padding: 2px 8px;
background-color: #68b656;
color: #fff;
margin-left:10px;
font-size: 15px;
-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
}

.headercontact span a:hover {
padding: 4px 10px;
color: #f1f1f1;
}
.headercontact h2 {
text-align: right;
color:#f2f2f2;
font: 400 18px/1.8em "Roboto Slab",arial,sans-serif;
}
#ubermenu-main-3 {
    border-top: 6px solid #632f7f;

}


#header-container {
background-image:url(//www.la-djs.nl/wp-content/uploads/2017/02/La-djs-header-nieuw.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#nav-container, .nav-toggle {
    display: none;
}
.page-title, .post .title, .page .title, .entry-title {
  padding: 20px 0px;
  color: #632f7f;
  font: bold 28px/1.1em 'Roboto Slab', arial, sans-serif;
}

.essential_grid .entry-title {
    margin-bottom: 1%;
    padding: 20px 0;
}
.entry img {
border: none !important;
padding: 0px !important;
background: rgba(255, 255, 255, 0);
}
.offertebtn {
    background: none repeat scroll 0 0 #fff;
    color: #444 !important;
    display: block;
    margin: 13px 14%;
    padding: 6px 16px;
}
.social-icons {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}
.social-icons a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 0 none !important;
    display: inline-block;
    float: none;
    margin: 1px 4px;
    width: 12%;
}
.social-icons a:hover {
opacity:0.7;
}
.social-icons img {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 0 !important;
}
.home .page .title  {
display: none !important;
}
h3.summary {
color: #632f7f;
}
.dtend {
display:none;
}
.sidebutton3 a {
color: #fff;
font-size: 14px;
}
.sidebutton2 {
border-radius: 3px;
background-color: #68b656 !important;
padding: 10px 20px !important;
border: 1px solid #fff !important;
margin-top: 5px;
margin-bottom: 10px;
width: 82%;
}
.sidebutton2 a {
color: #fff;
font-size: 14px;
}
.sidebutton {
border-radius: 3px;
background-color: #68b656 !important;
padding: 10px 20px !important;
border: 1px solid #fff !important;
margin-top: 5px;
width: 82%;
}
.sidebutton a {
color: #fff;
font-size: 14px;
}
.sidebutton3 {
border-radius: 3px;
background-color: transparent !important;
border-radius: 3px;
padding: 10px 20px !important;
border: 1px solid #fff !important;
margin-top: 5px;
width: 82%;
}
.sidebutton3 a {
color: #fff;
font-size: 20px;
}

.ctabox h1 {
font-size: 35px;
border-radius: 3px;
padding: 5px 5px !important;
border: 1px solid #fff !important;
}
.searchboxtop {
position absolute;
width: 268px;
float: right;
display: block;
margin-top: 10px;
}
.searchform button.submit {
background-color: transparent!important;
}
.searchform, #searchform {
border-color: #632f7f !important;
border-width: 2px;
background-color: #fff;

}
.home .searchboxtop {
display:none;
}
.gform_wrapper .field_sublabel_above .gfield_date_day label, .gform_wrapper .field_sublabel_above .gfield_date_month label, .gform_wrapper .field_sublabel_above .gfield_date_year label, .gform_wrapper .field_sublabel_above .gfield_time_ampm label, .gform_wrapper .field_sublabel_above .gfield_time_hour label, .gform_wrapper .field_sublabel_above .gfield_time_minute label, .gform_wrapper .field_sublabel_above .ginput_complex label, .gform_wrapper .field_sublabel_above .instruction {
display:none;
}
.boekingform {

}
#gform_previous_button_1_22, #gform_previous_button_1_23, #gform_previous_button_1 {
background: #ddd !important;
font-weight: 700 !important;
width: 100%;
}
.woo-sc-button{
background:#632f7f!important;
}
.ubermenu li:last-child {
    float: right !important;
    text-align: right;
}
.ubermenu-main .ubermenu-nav {
    max-width: 960px;
}

.post-entries {
display:none;
}

.buttons-on-page-left {
background-color: #f1f1f1 !important;
border-radius: 3px;
padding: 10px 20px !important;
border: 1px solid #632f7f !important;
width: 30.3% !important;
margin: 0 2% 0 0 !important;
color: #632f7f !important;
}
.buttons-on-page-left a {
color: #632f7f !important;
}
.buttons-on-page-middle {
background-color: #f1f1f1 !important;
border-radius: 3px;
padding: 10px 20px !important;
border: 1px solid #632f7f !important;
width: 30.8% !important;
margin: 0 2% !important;
color: #632f7f !important;
}
.buttons-on-page-middle a {
color: #632f7f !important;
}
.buttons-on-page-right {
background-color: #f1f1f1 !important;
border-radius: 3px;
padding: 10px 20px !important;
border: 1px solid #632f7f !important;
width: 30.3% !important;
display:block;
float:right;
margin: 0 0 0 2% !important;
color: #632f7f !important;
}
.buttons-on-page-right a {
color: #632f7f !important;
}


/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 768px) {
	/* Desktop styles go below this line */



}
@media only screen and (max-width: 1024px) {
.bg-vervang-img {
    background-image: url("//www.la-djs.nl/wp-content/uploads/2016/01/Leontien-Tomas-141.jpg");
    background-size: cover !important;
    display: block !important;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}
video#bgvid {
    display: none !important;
}
}

/* MOBILE STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the mobile layout of your site */
@media only screen and (max-width: 768px) {
	/* Mobile styles go below this line */
.bg-vervang-img {
    display: block !important;
}
video#bgvid {
    display: none !important;
}
.homevideo {
display:none;
}
video#bgvid {
display:none;
}
#pgc-6-1-0 {
display:none;
}
#pg-6-1 {
display:none;
}
.headercontact {
text-align: center;
}
#logo {
    width: 100%;
    text-align: center;
	float:none !important;
}
#ubermenu-main-3 {
    border-top: 6px solid #632f7f;

}
#header-container {
background-size:cover;
    background-attachment: fixed;
}
.searchboxtop {
    display: block;
    float: none!important;
    margin-top: -30px;
	margin-bottom:15px;
    width: 100%;
}
.sow-carousel-items li {
    height: 115px;
    margin: 7px 0;
    width: 150px !important;
}
}

a.woo-sc-button.buttons-on-page.custom {
width: 200px !important;
}