/*

Theme Name:     Specular Child

Theme URI:      http://codeless.co

Description:    Specular Child Theme

Author:         Codeless

Author URI:     http://www.codeless.co

Template:       specular

Version:        1.0.0

*/

@import url("../specular/style.css");

body {
  overflow-x: hidden;
}

.container {
  max-width: 960px!important;
}
.onepage_row_1 {
    margin-top: -60px!important;
}

.header_page.normal.no_parallax {
	display: none;
}
.cffeed.wpb_row.section-style, .wpb_row.standard_section {
    margin-bottom: 0 !important;
    padding-top: 45px !important;
}

img.alignnone wp-image-474 size-full.socialicon{
max-width: 100px !important;
}
img.alignnone wp-image-478 size-full.socialicon{
max-width: 100px !important;
}

.alignnone.wp-image-259 {
width:50% !important;
}
.alignnone.wp-image-465 {
    max-width: 250px !important;
}
.alignnone.wp-image-466 {
    max-width: 250px !important;
}
/* Team photo*/

.vc_gitem-zone.vc_gitem-zone-a.vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-1-1 {
  border-radius: 100%;
  max-width: 250px;
  margin: auto;
}

.vc_gitem-post-meta-field-aanwezigheid.vc_gitem-align-center {
  max-width: 250px;
  margin: auto;
}

.vc_gitem-post-meta-label {
  width: 100%;
  display: block;
  font-weight: bold;

}


.wpcf7-form-control-wrap textarea {
border: 1px solid black;
}


nav ul#menu-onepage li a:hover {
  color: #EC8330;
}



#setting-error-tgmpa,
.wp-core-ui .notice.is-dismissible {
  display: none!important;
}



/*Facebook like box*/

h3.cff-header {
  display: none;
}

#cff .cff-item {
  padding-top: 22px;
}

/*Table formatting*/

table.aligncenter {
  width: 100%;
  margin: auto;
  text-align: center;
}

.introtekst {
  width: 50%;
  margin: auto;
}

.tdstyling {
  width: 80%;
}

/*Logo*/

#logo a {
  height: initial;
}

#logo img {
  padding-top: 15px;
}

/*In content logo*/

.row-dynamic-el .media .type_image.alignment_left {
  float: none!important;
  width: 100%;
}

img.type_image.animated.fadeInnone.alignment_left {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}


/*Mobile edits*/

.header_tools {
  display: none;
}

header#header .row-fluid .span12, .header_wrapper {
  width: 100%!important;
}


#row_salon, #row_team, #row_arrangementen, #row_bruiden, #row_behandelingen, #row_contact {
  position: initial!important;
  top: initial!important;
  padding-top: 25px;
}



/* Mobile optimalisation*/

@media only screen and (max-width: 767px){
.row_salon .wpb_content_element.media.media_el.animate_onoffset img {
  display: none;
}

.adamrob_parallax_fullwidth {
  background-position: center center;
}


.vc_custom_1442221427849 {
  padding-left: 0px!important;
  padding-right: 0px!important;
}

div#fws_55fbd8de8ed86 {
  padding-bottom: 100px!important;
}

.arr-table  td.arr-width {
  width: 75%;
}

#logo {
  margin-top: 25px;
}

.intro-table table.aligncenter {
  width: 100%!important;
}

.arr-table {
  padding-left: 0px!important;
}
}


.text-action {
  border: 1px solid #D2D2D2;
  padding: 15px;
  margin-left: -15px;
  text-align: center;
}

.intro-table table.aligncenter {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.arr-table td {
  width: 50%;
      text-align: center;

}

.arr-table tr {
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #D2D2D2;
  padding-top: 10px;
  display: block;
}

td.first-line {
    width: 100%;
    text-align: left;
}

.arr-table tbody {
  display: block;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.arr-table  td.arr-width {
  width: 100%;
  text-align: left;
}

.arr-table {
  padding: 20px;
}

.vc_gitem-post-meta-field-aanwezigheid {
  text-transform: lowercase;
}

.vc_gitem-post-meta-field-aanwezigheid span.vc_gitem-post-meta-label {
  text-transform: capitalize;
}



.intro-table tr {
    border-bottom: 1px solid #D2D2D2;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    width: 100%;
    text-align: right; }


    /*Contact formulier*/


.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok,
.wpcf7-response-output.wpcf7-display-none
 {
    display: block;
    height: 100px;
    bottom: 0px;
    position: absolute;
    /* width: 250px; */
    padding: 0px!important;
    height: 110px;
    right: 15px;
    text-align: center;
    width: 50%;
    margin: auto;
    height: 69px;
    padding: 10px!important;
	border-width: 0px!important;
}


/*Ipad issues fixing*/

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

  html {
    overflow-x: hidden;
  }
  body {
    /*margin-right: -60px!important;*/
}
  .container {
    width: 70%;
    }

    .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok,
    .wpcf7-response-output.wpcf7-display-none {
      width: 40%;
	  border-width: 0px!important;
    }
}



.wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap input[type="email"], .wpcf7-form-control-wrap input[type="tel"] {
  border: 1px solid black;
}

/*Salonhub booker*/
.salonhub-booker {
    display: block;
    position: fixed;
    z-index: 90;
    width: 150px;
    height: 100px;
    background-color: white;
    padding: 25px;
    text-align: center;
    border-radius: 10px;
    margin-left: -15px;
    /*padding-left: 35px;/*
    top: 100px;
    /* border: 1px solid black; */
    box-shadow: 0px 0px 10px #1D1D1D;
	transition: width 1s;	
		 -webkit-transition: width 1s; /*Safari and chrome*/
	 -o-transition: width 1s; /* opera */
    -ms-transition: width 1s; /* IE 10 */
    -moz-transition: width 1s; /* Firefox */
}

.salonhub-booker:hover {
	width: 200px;
	 transition: width 1s;
	 -webkit-transition: width 1s; /*Safari and chrome*/
	 -o-transition: width 1s; /* opera */
    -ms-transition: width 1s; /* IE 10 */
    -moz-transition: width 1s; /* Firefox */
}
.salonhub-booker a {
font-size: 1.8em;
    color: black;
    line-height: 1.2em;
}

.salonhub-booker a:hover,
.salonhub-booker a:focus,
.salonhub-booker a:active {
	text-decoration: none;
	color: #777;
}

span.alertme  {
color: #EC8330;
}

.vc_col-sm-6.wpb_column.column_container.with_padding {
    padding-left: 0px;
}


@media only screen and (max-device-width: 768px) {
  .container {
    /*width: 100%;
    padding: 10px;*/
	}
.vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 35px;
    padding-right: 35px;
	width: 80%;}
	
img {
	max-width: 70%;}
	
img.alignnone.wp-image-792.size-large{
	max-width: 100%;
	}
	
  .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok,
  .wpcf7-response-output.wpcf7-display-none {
    width: 40%;
	border-width: 0px!important;
  }
 
  .salonhub-booker {
    padding: 10px;
    border-radius: 0px;
    z-index: 90;
    top: 100px;
	margin-left:-10px;
    
  }
  .salonhub-booker a {
	padding: 10px;
    font-size: 1.5em;
	text-align:right;
    color: rgb(23, 22, 22);
    overflow: hidden;
    line-height: 1.2em;
    /* opacity: 0; */
    display: block;
    height: 100px;
    /*width: 160px;*/
}

.footer_wrapper {
	position: relative;
	z-index: 100;
	}
a span.alertme {
    color: #EC8330;
	}	
  .page_header_yes #content {
	padding-top: 0px;
  }
  .wpb_row.standard_section {
  margin-bottom: 80px!important;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 

body {
margin-right: 0px!important;
}
table.aligncenter {
font-size: 0.8em;
}
.container {
/*padding-right: 20px!important;*/
}
  .salonhub-booker {
    width: 200px;
    height: 100px;
    margin: 0px!important;
    padding: 10px;
    border-radius: 0px;
    z-index: 99;
    top: 130px;
  
  }
  
  .vc_col-sm-12 {
    width: 85%!important;
    margin-left: auto;
    margin-right: auto;
    float: none!important;
	padding-left: 0px!important;
}
.vc_gitem-post-meta-field-aanwezigheid.vc_gitem-align-center {
font-size: 0.8em;
}
}