/*   
	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;
}

/*header*/
/* Standaard header: geen schaduw */
.sc-menu-txt {
  transition: box-shadow 0.3s ease;
  box-shadow: none !important;
}
button#menu-toggle-530:hover
 {
    background-color: white!important;
    box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0)!important;
    border-radius: 0px;
}

.sc-menu-big:hover{
   box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.15)!important;
}
.elementor-kit-6 button:hover{
    background-color: white!important;
    box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0)!important;
    border-style: solid!important;
    border-width: 0!important;
    
}
.sc-menu-box{
box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.15) !important;
}
 div#menubar-530 {
    background: white!important;
}
/* schaduw */
.sc-menu-txt.elementor-sticky--effects {
  box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.15)!important;
  transition: box-shadow 0.3s ease, background-color 0.3s ease!important;
}
/*review home*/
.sc-cont-blur{
    backdrop-filter: blur(12px) !important;
}
.page-id-20 td {
  vertical-align: top!important;
}

main {
    overflow-x: clip!important;
}

main#main {
    overflow-x: clip!important;
}

/*blog image radius*/
.single-post .elementor img {
    border-radius: 15px;
}

.sc-ratio {
  aspect-ratio: 16 / 9;
  width: 100%;
  clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.sc-ratio-mov{
  aspect-ratio: 16 / 9;
  width: 100%;
}

/*wp maps pro*/
.fc-infobox-body{
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15) !important;
  border-radius: 15px !important;
}
.fc-infobox-btn-primary {
    --fc-infobox-btn-color:#fff;
    --fc-infobox-btn-bg: #364273;
    --fc-infobox-btn-border-color: #364273;
    --fc-infobox-btn-hover-color: #fff;
    --fc-infobox-btn-hover-bg: #04B1A9;
    --fc-infobox-btn-hover-border-color: #04B1A9;
}
.fc-infobox .fc-infobox-title {
  font-family: "Public Sans" !important;
  color: #535862 !important;
  font-size: var(--fc-infobox-title-font-size);
}
.fc-infobox-address {
  font-family: "Public Sans" !important;
  color: #535862 !important;
  font-size: 1.2em !important;
}
.sc-wpmaps{
  border-radius: 20px !important;
}

/*locatiepagina*/
.e-n-accordion-item-title{
        box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 12px !important;
}
.sc-locaties-link a{
  font-size: 1.2em !important;
  font-weight: 400!important;
}
.sc-locaties-link a:hover{
  color:#04B1A9!important;
 }
 .sc-afb-locatie, .sc-img-behand,.sc-blog-img{
   background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: center!important;
 }
 .single-locatie h3{
font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
    line-height: var(--e-global-typography-secondary-line-height);
    letter-spacing: var(--e-global-typography-secondary-letter-spacing);
    color: var(--e-global-color-accent);
 }
 .openingstijden-tabel {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-family: "Public Sans", Sans-serif;
    font-size: 16px;
    font-weight: 100;
    line-height: 18px;
}

.openingstijden-tabel td {
    padding: 4px 0;
    vertical-align: top;
}
.openingstijden-tabel td.dag {
    width: 45%;
}
.openingstijden-tabel td.tijd {
    width: 55%;
}
.openingstijden-tabel tr.vandaag {
    font-weight: 400;
}
.fc-toolbar.fc-header-toolbar {
    font-family: "Public Sans" !important;
}
th.fc-day-header.fc-widget-header.fc-mon p{
    font-family: "Public Sans" !important;
}
.sc-agenda .slots-header{
    font-family: "Public Sans" !important;
}
.sc-agenda label {
    font-family: "Public Sans" !important;
}
.fc-view-container *{
    font-family: "Public Sans" !important;
}
p.mb-0 {
  font-family: "Public Sans" !important;
   font-size: 1.3em;
}
/*maak een afspraak form*/
select#sc-agenda-location {
    padding: 10px!important;
    margin-top: 10px!important;
    border-radius: 15px!important;
}
.sc-agenda-container {
    max-width: 100%!important;
}
/*vacatures*/
blockquote {
  font-size: 1.3em;
  color:#04B1A9 !important;
    margin-left: -0px;
}
.stylevacatures{
  font-size: 0.8em!important;
  margin-top: -15px !important;
}
input#form-field-field_dc2f3e0 {
    background: #FAFAFA!important;
    padding: 20px 20px 20px 20px!important;
    border-radius: 5px!important;
    border: 1px solid #69727d;
    border-color: var(--e-global-color-primary)!important;
}

input#form-field-field_dc2f3e0:hover {
    background: #04B1A9!important;
    padding: 20px 20px 20px 20px!important;
    border-radius: 5px!important;
    border: 1px solid #69727d;
    border-color: var(--e-global-color-primary)!important;
    color: #fff !important;
}
/*behandelingen*/

.elementor-page-1750 .sc-body-txt-voordelen li{
    list-style: none!important;
    position: relative!important;
    padding-left: 32px!important;
    padding-bottom: 10px!important;
}

.elementor-page-1750 .sc-body-txt-voordelen li::before{
    content: "\f058"!important;
    font-family: "Font Awesome 5 Free";
    font-weight: 900!important;
    color: #364173;
    position: absolute!important;
    left: 0!important;
    top: 0!important;
    bottom: 20!important;
}
@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-page-1750 .sc-body-txt-voordelen ul {
        margin-left: -40px !important;
    }
}
 
@media (max-width: 767px) {
  .sc-ratio {
    clip-path: none !important;
  }
  div#menubar-530 {
    background: white!important;
    box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.15) !important;
}
}