/*
 Theme Name:   Dukes-child
 Theme URI:    https://digital-duke.nl
 Description:  Digital Dukes Child theme
 Author:       Digital Duke
 Author URI:   https://digital-duke.nl
 Template:     Dukes
 Version:      1.0

 START YOUR CHILD THEME CSS HERE
*/

/* BEGIN FONT STYLING */

.infinite-navigation-submenu-indicator .sf-menu > li > a.sf-with-ul-pre:after {
	margin-left: 7px;
}
.infinite-top-bar-left i.fa-brands.fa-square-instagram {
    margin-left: 10px;
}
.infinite-top-bar-left i {
    font-size: 18px;
    position: relative;
    top: 2px;
    margin-right: 10px;
}
.infinite-navigation .sf-menu > li {
    padding-left: 15px !important;
    padding-right: 15px !important;  
}
infinite-navigation .sf-menu > li:last-child {
    padding-right: 0px !important;
}
.infinite-top-bar-right i {
    padding: 0px 12px;
    font-size: 18px;
    padding-top: 5px !important;
}
.infinite-top-bar-right {
    margin-left: -12px;
}
.contact-social {
	margin-left: -12px;
	margin-top: 30px;
}
.contact-social i {
    padding: 0px 12px;
    font-size: 22px;
    padding-top: 5px !important;
}
.gform_body input, .gform_body textarea {
    background: #f0f0f0;
    border: 1px solid #ccc;
    padding: 12px 20px !important;
}
.gform_footer {
	text-align: center;
}
.gform_button {
	border-radius: 50px;
	background: #732CA4 !important;
	padding: 15px 42px 15px 42px !important;
	font-size: 17px !important;
}
.home-title h1 {
	font-size: 82px !important;
}
.footer-subtitle {
    font-size: 20px;
}
.secundaire-font h6, .secundaire-font h5 {
	font-family: "Kadwa", sans-serif !important;
	font-weight: normal;
}
.infinite-page-caption {
	font-family: "Kadwa", sans-serif !important;
	font-weight: normal;
	width: 60%;	
}
.infinite-body .gdlr-core-info-font, .infinite-body .infinite-info-font {
	font-family: "Kadwa", sans-serif !important;
	font-weight: normal;
	margin-top: 32px;
	margin-bottom: 32px;	
}
.gdlr-core-blockquote-item-author {
	font-family: "Source Sans Pro", sans-serif;
}
.bigger-content {
	font-weight: normal;
	font-size: 20px;
	line-height: 38px;
}
.infinite-main-menu-right-button {
    text-transform: none;
    letter-spacing: 0px;
    font-size: 16px;
    margin-left: 5px;
    border-radius: 50px;
    padding: 12px 30px;
    line-height: normal;
    font-weight: 700;
    position: relative;
    top: 2px;
    color: #fff !important;
    background: #732CA4;
    border: none;
    font-family: "Raleway", sans-serif;
}
.infinite-header-style-plain.infinite-style-menu-right .infinite-navigation {
    padding-right: 0px;
}
.infinite-header-style-plain.infinite-style-menu-right .infinite-main-menu-right-wrap {
	margin-left: 5px;
}


/* END FONT STYLING */

/* BEGIN COLOR STYLIG */

.machine-height img {
	max-height: 350px;
	width: 100%;
}
.gdlr-core-blockquote-item-content p {
    line-height: 48px !important;
}
.infinite-top-bar-background {
    background-color: #732CA4;
}
.gdlr-core-button {
    background-color: #732CA4 !important;	
}
.infinite-footer-wrapper {
    background-color: #732CA4 !important;
}
.secundaire-btn .gdlr-core-button {
	background-color: #732CA4 !important;
}
.gdlr-core-button {
	font-size: 16px !important;	
}
.gdlr-core-button.gdlr-core-button-transparent {
	background-color: transparent !important;
	font-weight: 600 !important;
	font-size: 16px !important;
}
.openingstijden table tr td {
	text-align: left;
	padding: 5px 0px;
	color: #111;
}
.openingstijden table tr:nth-child(odd), .openingstijden table tr:nth-child(even) {
	background-color: transparent !important; 
}
.spa_behandelingen {
    width: 50%;
    float: left;
}



/* ### DON'T EDIT BELOW! #### */
/* ### DON'T EDIT BELOW! #### */

/* BEGIN ONE PAGE STYLING TEMPLATE */

.infinite-top-bar-container-inner .fas {
    margin-right: 0;
    font-size: 16px !important;
}
.infinite-top-bar-container-inner .fa-phone {
    margin-left: 20px !important;
}
.infinite-top-bar-container-inner a:hover {
    text-decoration: underline;
}
.usp-container img {
    max-width: 65px;
}
.usp-content {
	width: 75%;
	margin: 0 auto;
}
.home-content h5 {
	line-height: 40px !important;
}
.footer-col-1 h5 {
	margin-bottom: 12px;
}
.footer-col-1 {
	text-align: center;
}
.footer-col-1 ul {
	list-style: none;
	margin: 0;
	margin-top: 32px;
}
.footer-col-1 li {
	display: inline;
	padding: 0px 10px;
	font-size: 20px;
}
.infinite-footer-wrapper .infinite-widget-title {
	margin-bottom: 20px;
}
.infinite-footer-wrapper .infinite-widget-title {
    text-transform: none;
    font-size: 16px;
    letter-spacing: 0.5px;
}
footer .widget_nav_menu ul li::before {
    content: none;
}
footer .widget_nav_menu ul {
	margin-top: -5px;	
}
footer .widget_nav_menu ul li {
	margin-bottom: 0px;
	padding-left: 0px;
	line-height: 34px;
	padding-bottom: 0px;
	border: none;
	font-size: 16px;
}
.infinite-footer-wrapper a {
	text-decoration: underline;
}
.infinite-page-title-wrap .infinite-page-title-overlay {
    background: #000;
    opacity: 0.5;
}
.infinite-page-title-wrap .infinite-page-title {
    text-transform: none;
}
.contact-details ul {
	margin: 0;
	list-style: none;
	margin-top: 32px !important;
}
.contact-details li {
	margin-bottom: 8px;
}
.contact-details .fas {
	color: #303030;
    margin-right: 12px;
}
.gdlr-core-blockquote-item .gdlr-core-blockquote-item-author {
	font-style: normal;
	color: #717171;
}
.infinite-top-bar-right {
    padding-right: 0px;
}
.assortment-navigation ul {
	list-style: none;
	text-align: center;
	margin-left: 0px;
}
.assortment-navigation li {
	display: inline-block;
	padding: 0px 15px;
}
.assortment-navigation a:hover {
	text-decoration: underline;
}
.vending-machine-container table tr td {
    padding: 5px 0px;
    text-align: left;
    border-collapse: collapse; 
    background: #fff;
    border-bottom: 1px solid #e2e2e2;
}
.vending-machine-container td {
	width: 65%;
}
@media only screen and (max-width: 768px) { 

	.home-title h1 {
	    font-size: 40px !important;
	}
	.home-content h5 {
    	line-height: 32px !important;
    	font-size: 16px !important;
	}
	.infinite-top-bar-container-inner .fa-phone {
    	margin-left: 10px !important;
	}
	.infinite-top-bar-container-inner .fas {
    	margin-right: 5px;
    }
	.infinite-page-caption {
		width: 100%;
	}
	.infinite-page-caption {
		font-size: 16px !important;
	}
	.gdlr-core-blockquote-item-content {
    	font-size: 24px !important;
	}
	.infinite-body .gdlr-core-info-font {
		margin-top: 8px;
		margin-bottom: 8px;
	}
	.gdlr-core-blockquote-item.gdlr-core-medium-size .gdlr-core-blockquote-item-author {
		margin-top: 0px;
	}
	.infinite-footer-wrapper {
	    padding-top: 60px;
	    padding-bottom: 0px;
	}
	.assortment-navigation li {
    	display: block;
    	padding: 5px;
	}	
	
}

#sln-salon.sln-salon--m {
    margin: 0 auto !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    max-width: 550px !important;
    border-radius: 20px;
    border: none;
    box-shadow: 0px 0px 32px rgb(0 0 0 / 12%);
    padding-top: 40px !important;
    font-size: 16px !important;
}
h3.sln-steps-name.sln-service-name, h3.sln-steps-name.sln-attendant-name {
    text-align: left;
    font-size: 16px !important;
    font-weight: 700 !important;
}
h3.sln-steps-price.sln-service-price {
    font-size: 16px !important;
}
.sln-service, #sln-salon .sln-service {
    border-top: 1px solid #f1f1f1;
    margin-bottom: 0px !important;
    padding-bottom: 25px;
    padding-top: 25px !important;
    padding-left: 0px;
    padding-right: 0px;
}
.sln-steps-duration, #sln-salon .sln-steps-duration {
	text-align: left;
	font-size: 13px !important;
	opacity: 0.5;
	font-weight: normal !important;
}
.sln-service-description, #sln-salon .sln-service-description, #sln-salon .sln-attendant-list .sln-attendant-description {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    font-size: 14px !important;
    line-height: 1;
    text-align: left;
}
span.sln-steps-duration.sln-service-duration {
    margin-top: -10px;
}
.sln-checkbox input + label:before, .sln-checkbox input + label:after {
    display: block;
    position: absolute;
    top: -3px;
    left: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border-width: 1px !important;
    border-color: #732CA4 !important;
}
.sln-checkbox input:checked + label:after {
    background: #732CA4;
    top: 0px;
    left: 0px;
    width: 25px;
    font-size: 19px;
    height: 25px;
}
.sln-steps-name:hover {
	color: #732CA4 !important;
}
.sln-radiobox input + label:before {
	border-color: #732CA4 !important;
}
.sln-radiobox input:checked + label:after {
	background-color: #732CA4 !important;
}
.sln-service:hover, #sln-salon .sln-service:hover {
	background-color: rgba(115,44,164,0.03) !important;
}
.sln-checkbox input + label:after {
    padding-top: 3px !important;
    font-weight: 700 !important;
    color: #fff !important;
    font-size: 16px !important;
}
.sln-service-info .col-xs-10.col-sm-6.col-xs-push-10-.col-sm-push-0 {
    width: 18% !important;
}
.sln-service-info .col-xs-10.col-sm-5.col-xs-pull-2.col-sm-pull-0 {
    width: 73% !important;
}
h2.sln-btn.sln-btn--icon.sln-btn--fullwidth {
    font-size: 16px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-color: #f1f1f1 !important;
}
#sln-salon .sln-panel .sln-panel-heading .sln-btn, #sln-salon .sln-panel .sln-panel-content {
	border-width: 0px !important;
}
#sln-salon .sln-panel .sln-panel-content {
	margin: 0 15px 0 15px !important;
}
#sln-salon .sln-panel .sln-panel-heading .sln-btn::after {
	right: 20px !important;
}
h3.col-xs-6.sln-total-label {
    text-align: left;
    padding-left: 45px !important;
    font-size: 18px !important;
    font-weight: normal !important;
}
h3#services-total {
    padding-right: 45px !important;
    font-weight: 700 !important;
    font-size: 26px !important;
}
.sln-box--formactions.form-actions.row {
    padding: 0px 30px;
}
.booking_logo img {
	max-width: 90px;
}
.sln-box--main {
	margin-top: 30px !important;
}
h2.salon-step-title {
    display: none;
}
#sln-salon .sln-btn--medium button {
    height: auto !important;
    text-transform: none !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}
#sln-salon .sln-btn--medium {
	height: 4.5em;
}
.col-xs-8.col-sm-3.col-md-3.sln-steps-thumb.sln-attendant-thumb {
    width: 16% !important;
    margin-left: 2%;
}
.sln-attendant:last-child, #sln-salon .sln-attendant:last-child, #sln-salon .sln-attendant-list, .sln-attendant .sln-attendant-description p, #sln-salon .sln-attendant .sln-attendant-description p {
    margin-bottom: 0px !important;
}
h3.sln-steps-name.sln-attendant-name {
    padding-top: 4px;
}
.sln-attendant-check {
    padding-top: 7px;
}
.sln-attendant .sln-attendant:first-child .sln-attendant-check {
    padding-top: 0px !important;
}
.sln_datepicker table thead tr th {
    background-color: #fff !important;
}
th.prev, th.next {
    background-color: #732CA4 !important;
    margin: 15px;
}
.sln_datepicker, .sln-input--datepicker {
    padding: 0 30px !important;
}
form#salon-step-details-new {
    padding: 0 30px;
}
.sln-input {
    text-align: left;
}
.sln-input label {
    padding-left: 0px !important;
    margin-bottom: 0px !important;
}
#sln-salon .sln-input, #sln-salon.sln-loginform #loginform {
    margin-bottom: 8px !important;
}
#sln-salon .row, #sln-salon--admin .row, .sln-salon-bs-wrap .row, .sln-calendar--wrapper .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.sln-summary__message {
    margin-left: 15px;
    margin-right: 15px;
}