/*
Theme Name: Go Online
Theme URI: http://www.goonline.nl
Description: Go Online 
Author: Go Online
Author URI: http://www.goonline.nl
Version: 1.0
*/

@font-face {
  font-family: 'Dosis SemiBold';
  font-style: normal;
  font-weight: 700;
  src: url("https://beautybasics.clinic/wp-content/themes/go-online/css/Dosis-SemiBold.ttf");
}

@font-face {
  font-family: 'Raleway Bold';
  font-style: normal;
  font-weight: 800;
  src: url("https://beautybasics.clinic/wp-content/themes/go-online/css/Raleway-Bold.ttf");
}

@font-face {
  font-family: 'Raleway Light';
  font-style: normal;
  font-weight: 300;
  src: url("https://beautybasics.clinic/wp-content/themes/go-online/css/Raleway-Light.ttf");
}

@font-face {
  font-family: 'DancingScript Bold';
  font-style: bold;
  font-weight: 800;
  src: url("https://beautybasics.clinic/wp-content/themes/go-online/css/DancingScript-Bold.ttf");
}

@font-face {
  font-family: 'Raleway Regular';
  font-style: normal;
  font-weight: 400;
  src: url("https://beautybasics.clinic/wp-content/themes/go-online/css/Raleway-Regular.ttf");
}

@font-face {
  font-family: 'Raleway Italic';
  font-style: normal;
  font-weight: 400;
  src: url("https://beautybasics.clinic/wp-content/themes/go-online/css/Raleway-Italic.ttf");
}

/** MAIN **/

*{
	box-sizing: border-box;
}

html, body {
	padding: 0;
	margin: 0;
	overflow-x: hidden;
	font-family: 'Raleway Regular', sans-serif;
	font-weight:400;
	font-size:16px;
}

.container-fluid{
	width: 80%;
	position: relative;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway Bold', sans-serif;
	font-weight:800;
}

.valign {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.placeholder {
	height:140px;
	width:100vw;
}

.streep {
	margin-top:5px;
	margin-bottom:20px;
	height:1px;
	width:75px;
	background:#000;
	display: inline-block;
}

.sectie-titel {
	font-size:40px;
	color:#c20025;
	font-family:'DancingScript Bold', sans-serif;
	font-weight:800;
	margin-bottom:30px;
}

.ghost-button-wit {
	border:1px solid #fff;
	color:#fff;
	font-family:'Raleway Bold', sans-serif;
	font-weight:800;
	padding:12px 20px;
	cursor:pointer;
	border-radius:25px;
}

.ghost-button-wit:hover {
	color:#fff;
	text-decoration: none;
}

.ghost-button-wit i {
	margin-left:5px;
}

a.ghost-button-rood {
	border:1px solid #c20025;
	color:#c20025!important;
	font-family:'Raleway Bold', sans-serif;
	font-weight:800;
	padding:12px 20px;
	cursor:pointer;
	border-radius:25px;
}

a.ghost-button-rood:hover {
	color:#c20025;
	text-decoration: none;
}

.ghost-button-rood i {
	margin-left:5px;
}

a.button-rood {
	background:#c20025;
	color:#fff!important;
	font-family:'Raleway Bold', sans-serif;
	font-weight:800;
	padding:15px 25px;
	cursor:pointer;
	border-radius:25px;
}

a.button-rood:hover {
	color:#fff;
	text-decoration: none;
}

figure {
	margin:0;
}

.bottom-bar, .menu-responsive, .orientation-notice {
	display:none;
}

/* == MENUBALK == */

.menubalk {
	position: fixed;
	top:0;
	left:0;
	height:100px;
	z-index:9999;
	width:100vw;
}

.menubalk .container-fluid {
	height: 60px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.menubalk .neem-contact-op {
	color:#797878;
	margin-bottom:20px;
}

.menubalk .neem-contact-op a, .menubalk .neem-contact-op a:hover {
	color:#797878;
	font-weight:800;
}

.menubalk ul {
	list-style-type:none;
	padding-left:0;
	margin-bottom:0;
}

.menu-header-container {
	height:100%;
	display: inline-block;
}

.menubalk ul li {
	display: inline-block;
	margin:0px 10px;
}

.menubalk ul li a {
	color:#707272;
	font-weight:700;
	text-transform: uppercase;
	font-family:'Dosis SemiBold', sans-serif;
}

.menubalk.scroll {
	background:#7e0119;
	transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
}

.menubalk.scroll ul li a {
	color:#fff;
}

.menubalk.scroll .contactgegevens {
	display: none;
}

.menubalk figure {
	height:50px;
}

.menubalk.header-actief figure {
	margin:0;
	height:100px;
}

.menubalk.scroll figure {
	height:50px;
}

.menubalk figure img {
	width:auto;
	height:100%;
}

.menu-item.active a {
	text-decoration: underline;
	padding-bottom:2px;
}

.menubalk .contactgegevens {
	margin-bottom:30px;
}

.menubalk .contactgegevens li i {
	margin-right:10px;
}

.menubalk .contactgegevens li:first-child {
	font-family:'Raleway Italic', sans-serif;
	font-style:italic;
	color:#fff;
}

.menubalk .contactgegevens li a{
	font-family:'Raleway Regular', sans-serif;
	font-weight:400;
	text-transform: none;
}

/* == MENUBALK HEADER ACTIEF == */

.menubalk.header-actief ul li a, .menubalk.header-actief .contactgegevens li i {
	color:#fff;
}

/* == MENUBALK HEADER INACTIEF == */

.menubalk.header-inactief {
	border-bottom:1px solid #c20025;
	height:140px;
	padding-top:20px;
	padding-bottom:20px;
}

.menubalk.header-inactief figure {
	height:75px;
}

.menubalk.header-inactief .contactgegevens li i {
	color:#555151;
}

.menubalk.header-inactief .contactgegevens li .ghost-button-rood i {
	color:#c20025;
}

.menubalk.header-inactief .menu li a {
	color:#c20025;
}

.menubalk.header-inactief.scroll .menu li a {
	color:#fff;
}

.menubalk.header-inactief.scroll {
	height:100px;
	padding-top:0;
	padding-bottom:0;
}

.menubalk.header-inactief.scroll figure {
	height:50px;
}

/* == HEADER == */

.header {
	position: relative;
	padding-top:150px;
/*	background: rgb(202,86,109);
	background: linear-gradient(67deg, rgba(202,86,109,1) 0%, rgba(194,0,37,1) 100%);*/
}

.header h2 {
	font-family:'Raleway Light', sans-serif;
	font-weight:300;
	font-size:50px;
}

.header h1 {
	font-size:50px;
}

.header .tekst {
	font-family:'Raleway Light', sans-serif;
	font-weight:300;
	font-size:23px;
	margin-top:30px;
}

.header-content {
	color:#fff;
}

/* == CONTACT == */

.contact {
	padding-top:100px;
	padding-bottom:100px;
	background:#f0efed;
	color:#707272;
}

.contact h2 {
	font-family:'Raleway Regular', sans-serif;
	font-weight:400;
}

.contact .streep {
	margin-bottom:30px;
}

.contact ul {
	list-style-type:none;
	padding-left:0;
}

.contact #extensions_message_1_6 {
	position: absolute;
	left:15px;
}

.contact #gform_submit_button_1 {
	float:right;
}

.contact .contactgegevens {
	margin-top:30px;
	margin-bottom:30px;
}

.contact h3 {
	font-size:22px;
}

.contact ul li i {
	margin-right:15px;
}

.contact ul li a {
	color:#707272;
}

.contact.locaties {
	background:transparent;
}

.contact.locaties .content-container {
	width:100%;
	position: relative;
	padding:0;
	margin-top:30px;
	background:transparent;
	bottom:auto;
	top:auto;
}

.contact.locaties h3 {
	font-size:1.75rem;
}

.contact .streep {
	background:#c20025;
}

/* == AFBEELDING BREED == */

.afbeelding-breed {
	height:60vh;
}

/* == BEHANDELINGEN == */

.behandelingen {
	padding-top:100px;
	padding-bottom:100px;
}

.behandeling-box {
	position: relative;
	margin-bottom:50px;
}

.behandeling-box:hover {
	transform:scale(1.02);
	transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
}

.behandeling-box a {
	color:#c20025;
}

.behandeling-box a:hover {
	text-decoration: none;
}

.behandeling-box a .content {
	color:#000;
}

.behandeling-box figure {
	height:350px;
}

.behandeling-box h3 {
	margin-top:30px;
	font-family:'Raleway Regular', sans-serif;
	font-weight:400;
	font-size:30px;
	text-transform: uppercase;
}

.behandeling-box .lees-meer {
	font-family:'Dosis SemiBold', sans-serif;
	font-weight:700;
	font-size:20px;
}

.behandeling-box .lees-meer i {
	margin-left:5px;
}

.behandelingen h2 {
	font-family: 'Raleway Regular', sans-serif;
	font-weight:400;
	color:#c20025;
	margin-bottom:20px;
}

.behandelingen .intro-content {
	margin-bottom:100px;
}

.behandelingen .rijen-layout h3 {
	color:#c20025;
}

.behandelingen .rijen-layout .content {
	overflow: hidden;
	margin-bottom:10px;
}

.behandeling-box a.lees-meer {
	color:#c20025;
	font-size:20px;
}

.behandeling-box .behandeling-button {
	margin-top:50px;
}

.behandeling-box .prijs {
	margin-top:20px;
}

/* == SINGLE PRODUCT == */

.single-behandeling .behandeling-tekstvak .afbeeldingen {
	margin-top: 30px;
}

.single-product .behandeling-tekstvak figure {
	width: 19%;
	display: inline-block;
}

.single-product .behandeling-tekstvak figure img{
	object-fit: contain;
	object-position: center center;
	width: 100%;
	height: 100%;
}

/* == SINGLE BEHANDELING == */

.single-behandeling {
	padding-top:100px;
	padding-bottom:100px;
}

.single-behandeling .prijs {
	color:#c20025;
	font-family:'Raleway Bold', sans-serif;
	font-weight:800;
	font-style:italic;
	margin-top:20px;
	font-size:20px;
}

.single-behandeling .behandeling-button {
	margin-top:50px;
}

.single-behandeling figure {
	height:350px;
}

.single-behandeling h1 {
	color:#c20025;
	font-family:'Raleway Regular', sans-serif;
	font-weight:400;
	text-transform: uppercase;
}

.single-behandeling .behandeling-tekstvak {
	margin-top:100px;
	background:#f2f2f2;
	padding:50px;
}

.single-behandeling .behandeling-tekstvak h4 {
	color:#c20025;
	margin-bottom:20px;
}

.single-behandeling .behandeling-tekstvak figure {
	height:auto;
}

/* == OVER ONS == */

.over-ons {
	padding-top:100px;
	padding-bottom:100px;
}

.over-ons .medewerker-box {
	margin-top:50px;
}

.over-ons .medewerker-foto {
	width:150px;
	height:150px;
	border-radius:100%;
	margin:0 auto;
	margin-bottom:30px;
	border:1px solid #f4f4f4;
}

.over-ons h4 {
	font-size:20px;
}

.over-ons .functie {
	font-style:italic;
}

.over-ons .sectie-titel {
	font-family:'Raleway Regular', sans-serif;
}

.medewerker-row {
	margin-top:50px;
}

/* == TEKSTVAK MET PVI LOGO == */

.tekstvak-met-pvi-logo {
	background:#f2f2f2;
	padding-top:100px;
	padding-bottom:100px;
}

.tekstvak-met-pvi-logo figure {
	margin-bottom:50px;
}

.tekstvak-met-pvi-logo h2 {
	color:#c20025;
	margin-bottom: 30px;
}

/* == TEKSTVAK == */

.tekstvak {
	position: relative;
	padding-top:50px;
	padding-bottom:50px;
}

.tekstvak .container-fluid {
	width:60%;
}

/* == REVIEWS == */

.reviews {
	padding-top:100px;
	padding-bottom:100px;
}

.reviews h2 {
	margin-bottom:30px;
	font-size:40px;
	color:#c20025;
}

.reviews .content {
	font-family:'Raleway Italic',sans-serif;
	font-weight:400;
	margin-bottom:30px;
}

.reviews .auteur {
	font-family:'Raleway Regular',sans-serif;
	font-weight:400;
}

.reviews .quotes {
	margin-bottom:30px;
	font-size:40px;
	color:#f4dae0;
}

/* == CERTIFICATEN == */

.certificaten {
	background:#f8f8f8;
	padding-top:100px;
	padding-bottom:100px;
}

.certificaten-carousel .owl-item {
  text-align: center;
}

.certificaten-carousel .certificaten-box {
  float:none;
  width:100%;
}

.certificaten-carousel .certificaten-box figure {
  width:100%;
  height:150px;
  background:#fff;
}

.certificaten-carousel .certificaten-box a {
	display:block;
	width:100%;
}

.certificaten-carousel img {
	width:90%!important;
	margin:0 auto;
	/*opacity: 0.7;*/
	/*-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: 200ms ease;
	-moz-transition: 200ms ease;
	-o-transition: 200ms ease;
	transition: 200ms ease;*/
}

/*.certificaten-carousel figure:hover img {
	opacity: 1;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}*/

/* == FOOTER == */

footer {
	padding-top:50px;
	background:#7e0119;
	color:#fff;
}

footer a, footer a:hover {
	color:#fff;
}

footer .social-box i {
	color:#646464;
	font-size:20px;
}

footer .social-box:hover i {
	color:#fff;
	transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
}

footer ul {
	list-style-type:none;
	padding-left:0;
	margin-bottom:0;
}

footer ul li {
	margin-bottom:5px;
}

footer h3 {
	font-size:20px;
	text-transform: uppercase;
	margin-bottom:30px;
}

footer ul li a {
	font-size:16px;
}

footer .footer-bottom {
	border-top:1px solid #99938d;
	margin-top:50px;
	padding-top:50px;
	padding-bottom:50px;
	color:#fff;
}

footer .menu-item.active a {
	color:#fff;
	padding-bottom:0;
	border:none;
}

footer .footer-bottom ul li a {
	text-transform: uppercase;
	font-family: 'Dosis SemiBold', sans-serif;
}

footer .footer-bottom ul li {
	margin:0px 20px;
	display: inline-block;
}
/* == OWL CONTROLS == */

.owl-controls i {
    font-size:25px;
    line-height: 45px;
    color:#fff;
}

.owl-prev {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 25%;
    left:-100px;
    background:#c20025;
    border-radius: 100%;
    text-align: center;
}

.owl-next {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 25%;
    right:-100px;
    background:#c20025;
    border-radius: 100%;
    text-align: center;
}

/* == WERKWIJZE == */

.werkwijze {
	position: relative;
	padding-top:100px;
	padding-bottom:100px;
	color:#000;
}

.werkwijze .container-fluid {
	width:50%;
}

.werkwijze h2 {
	font-family:'Raleway Regular', sans-serif;
	font-weight:400;
	color:#c20025;
	margin-bottom:30px;
	font-size:40px;
}

.werkwijze-box {
	margin-top:50px;
}


.werkwijze-afbeelding-container {
	position: relative;
	display: inline-block;
	height:100px;
	width:20%;
	float:left;
}

.werkwijze-afbeelding {
	position: relative;
	border-radius:100%;
	background: rgb(194,0,37);
	background: linear-gradient(28deg, rgba(194,0,37,1) 0%, rgba(202,86,109,1) 100%);
	height:130px;
	width:130px;
	z-index:2;
	float:left;
}

.werkwijze-icoon {
	line-height:130px;
	font-size:50px;
	color:#fff;
}

.werkwijze-afbeelding-streep {
	position: relative;
	width:5px;
	height:100px;
	background:#c20025;
	left:0;
	right:0;
	margin:0 auto;
	z-index:1;
}

.werkwijze-content {
	position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.werkwijze-content h3 {
	color:#c20025;
	font-size:30px;
	font-weight:400;
	margin-bottom:20px;
	font-family:'Raleway Regular', sans-serif;
	text-transform: uppercase;
}

.werkwijze-container .werkwijze-box:last-child .werkwijze-afbeelding-streep {
	display: none;
}

.werkwijze-box-nazorg {
	margin-top:100px;
}

.werkwijze-box-nazorg a {
	color:#c20025;
}

.werkwijze-button {
	margin-top:50px;
}

/* == FORMS == */

input[type="text"], textarea {
	padding:10px 15px!important;
	border:1px solid #c20025;
}

form input[type="submit"] {
	background:#c20025;
	color:#fff!important;
	font-family:'Raleway Bold', sans-serif;
	font-weight:800;
	padding:15px 25px;
	cursor:pointer;
	border-radius:25px;
	border:none;
}

/* === BLOG === */

.blog {
  padding-bottom:100px;
  padding-top:100px;
}

.blog .container-fluid {
  width:95%;
}

.blog-box {
  position: relative;
  margin-bottom:50px;
}

.blog-box:hover {
  transform:scale(1.02);
  transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
}

.blog-box a {
  color:#4b4b4b;
}

.blog-box h3 {
  color:#c20025;
  width:80%;
  float:left;
}

.blog-box a:hover {
  text-decoration: none;
}

.blog-box .content-container {
  background:#f7f7f7;
  padding:20px;
  border-radius:0px 0px 10px 10px;
}

.blog-box figure {
  position: relative;
  height:250px;
  margin-bottom:0;
  border-radius:10px 10px 0px 0px;
}

.blog-box .content p, .blog-box .content{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.blog-box a.lees-meer {
  font-weight:600;
}

.blog .blog-info {
  clear:both;
  overflow:hidden;
  margin-top:20px;
  margin-bottom:20px;
}

.blog-info .blog-datum {
  float:right;
  font-size:14px;
  line-height:33px;
}

.single-blog .blog-datum {
  float:left;
  font-size:14px;
  line-height:35px;
}

/* == SINGLE BLOG == */

.single-blog {
  background:#f7f7f7;
  padding-top:100px;
  padding-bottom:100px;
}

.single-blog article {
  background:#fff;
}

.single-blog aside {
  position: relative;
}

.single-blog .container-fluid {
  width:70%;
}

.single-blog h3 {
  font-size:25px;
}

.single-blog figure {
  width:100%;
  /*height:250px;*/
}

.single-blog figure img {
  width:100%;
  height:auto;
}

.single-blog .blog-info {
  clear:both;
  overflow:hidden;
  margin-top:35px;
  margin-bottom:35px;
}

.single-blog .terug-naar-overzicht {
  margin-bottom:20px;
  float:left;
  font-size:15px;
}

.single-blog .terug-naar-overzicht a:hover, .single-blog .terug-naar-overzicht a {
  color:#9c9c9c!important;
}

.single-blog h1 {
  margin-top:50px;
  margin-bottom:20px;
  color:#7e0119;
}

.single-blog h2 {
  font-size:30px;
}

.single-blog h4 {
  font-size:18px;
  font-weight:600;
}

.single-blog .sidebar-sectie {
  margin-bottom:30px;
}

.single-blog .blog-sectie-titel {
  font-weight:800;
  color:#9c9c9c;
  font-size:22px;
}

.single-blog ul li a, .single-blog p a {
  color:#ea5c28;
  text-decoration: underline;
}

.blog-tekstvak strong {
  font-weight:600;
}

.single-blog form input, .single-blog form textarea{
  border:1px solid rgba(0, 0, 0, 0.2);
  padding:15px!important;
  border-radius:10px;
  font-size:12px!important;
}

.single-blog input[type="submit"] {
  	background: #7e0119;
    color: #fff;
    padding: 10px 20px 10px 20px;
    border-radius: 20px;
    text-transform: uppercase;
    border: none;
    font-weight:700;
    cursor:pointer;
}

.blog-diensten ul {
  list-style-type:none;
  padding-left:0;
  margin-top:15px;
}

.blog-diensten ul li a {
  text-decoration: none;
  color:#7e0119;
  font-size:16px;
}

.blog-diensten ul li a:hover {
  text-decoration: underline;
}

.single-blog .blog-datum strong {
  font-weight:600;
}

.single-blog .blog-thumbnail {
  margin-top:35px;
  margin-bottom:35px;
}

/* GERELATEERDE ARTIKELEN */

.gerelateerde-artikelen h2 {
  margin-bottom:50px;
}

.gerelateerde-artikelen .blog-info {
  margin-top:20px;
  margin-bottom:20px;
}

.gerelateerde-artikelen .blog-datum {
  float:right;
  line-height:52px;
}

.gerelateerde-artikelen .auteur {
  margin-top:0;
  margin-bottom:0;
}