/*   
	Theme Name:        Studio Campo Theme
	Theme URI:         https://studiocampo.nl
	Description:       Studio Campo theme.
	Author:            Studio Campo
	Author URI:        https://studiocampo.nl
	License:           GNU General Public License v3 or later.
	License URI:       https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain:       sc-theme
*/

/* Algemeen */
html,
body {
  padding: 0;
  margin: 0;
}

a,
input,
button,
select,
textarea,
i {
  outline: none;
}

.dialog-lightbox-close-button {
  text-decoration: none;
}

.sc-afbeelding img {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
}

/*Header*/
.elementor-nav-menu--dropdown:hover::before
{
    content: '';
	display: block;
	position: absolute;
	top:-6px;
    left: 15%;
    width: 17px; /* Adjust the size of the circle */
    height: 17px; /* Adjust the size of the circle */
    transform: translateX(-50%);
    background-color: #007dbf; /* Adjust the color of the circle */
    border-radius: 50%;
	z-index:200;
}
span.sub-arrow {
    padding: 0px !important;
}

/*Header knop afspraak*/
.sc-menu-top-afspraaka a:hover {
    /* background: #020f40 !important; */
	border-radius: 5px !important;
}

/*Body bullet*/
.sc-body-txt li::marker{
	color:#007dbf!important;
	}


/*cijfers home*/
.sc-bol-1{
    width: 50px !important;
    height: 50px!important;
}
/*body link kleur*/
.sc-kennis a{
	color: #007dbf;
}
.sc-body-txt-tab-bl{
	color: #ffffff !important;
}
.sc-body-txt-tab-bl a{
	color: #030f40 !important;
	text-decoration: underline!important;

}
.sc-subkop-kl a{
	color: #007dbf;
}
.sc-body-txt a{
	color: #007dbf;
}
.sc-body-txt-db a{
	color: #030f40;
}

.sc-body-txt-wit a{
	color: #030f40;
}
/*vacatures link*/
.sc-body-txt-vacature a{
	color: #666666 !important;
}
.sc-body-txt-vacature a:hover{
	color: #007dbf !important;
}


h3.elementor-cta__title.elementor-cta__content-item.elementor-content-item {
    margin-bottom: 5px!important;
}
/*post diensten*/
.sc-specialisme:hover .sc-specialisme-titel .elementor-heading-title {
	color: white !important;
}
.sc-specialisme:hover .sc-specialisme-samenvatting {
	color: white !important;
}
span.elementor-button-icon {
    padding-top: 3px;
}

.sc-body-txt-berichten a{
	color: #007dbf!important;
}
/*post stylen*/
.specialisme-template-default h3{
	color: #007dbf!important;
	font-size: 20px!important;
	margin-bottom: -15px !important;
}
.specialisme-template-default li::marker{
	color:#007dbf!important;
	}
.behandeling-template-default h3{
	color: #007dbf!important;
	font-size: 20px!important;
	margin-bottom: -15px !important;
}
.behandeling-template-default li::marker{
	color:#007dbf!important;
	}
.mondzorg-template-default h3{
	color: #007dbf!important;
	font-size: 20px!important;
	margin-bottom: -15px !important;
}
.mondzorg-template-default li::marker{
	color:#007dbf!important;
	}

.gebitsklachten-template-default h3{
	color: #007dbf!important;
	font-size: 20px!important;
	margin-bottom: -15px !important;
}
.gebitsklachten-template-default li::marker{
	color:#007dbf!important;
	}
/*over-ons*/

.sc-body-txt-tab a{
	color: #007DBF!important;
}
.sc-body-txt-tab a:hover{
	color: #030F40!important;
}
.sc-blok-3 a{
	color: #ffffff!important;
}
.sc-blok-3 a:hover{
	color: #007DBF!important;
}

.sc-blok-2 a{
	color: #030F40!important;
}
.sc-blok-2 a:hover{
	color: #ffffff!important;
}
.sc-blok-1 a{
	color: #ffffff!important;
}
.sc-blok-1 a:hover{
	color: #030F40!important;
}

/*Equale Hights loop*/
.sc-specialisme{
    height: 100% !important;
}
.sc-diensten-loop
{
    height: 100% !important;
}



.e-n-tabs-heading{
    background-color: #ffffff !important;
    border-radius: 10px 10px 10px 10px!important;
    box-shadow: 0px 0px 33px 20px rgba(0, 0, 0, 0.08)!important;
    height: 100%!important;
	padding: 30px!important;
   }

/*menu links single page*/
.specialisme-template-default span.elementor-button-text {
    text-align: left !important;
}
.behandeling-template-default span.elementor-button-text {
    text-align: left !important;
}
.mondzorg-template-default span.elementor-button-text {
    text-align: left !important;
}
.gebitsklachten-template-default span.elementor-button-text {
    text-align: left !important;
}

/*Inschrijven stap form*/
.inschrijven{
	color: #007dbf !important;
	font-weight: bold !important;
	font-size: 20px !important;
	margin-bottom: -1px !important;
}
.inschrijven-planetxt{
	font-family: "Montserrat";
	color: #666666 !important;
	font-weight: normal !important;
	font-size: 15px !important;
	margin-top: 5px !important;
}
/*Spelregels*/
.sc-spelregels a{
	color: #030F40!important;

}

/* Knopstyling behandelingen */
a.elementor-button.elementor-button-primary {
    color: white !important;
}

/* youtube scale */
.youtube-video {
	aspect-ratio: 16 / 9!important;
	width: 100%!important;
  }