/*
Theme Name:     DermaCrea Child
Description:    DermaCrea child theme
Template:       dermacrea
Version:        1.0
*/

.staff-column {
	display: none;
}

.loading-derma {
    background-image: url(/wp-content/uploads/loading-big.gif);
    height: 100px;
    width: 100px;
    background-size: 100%;
    margin: 0 auto 70px;
}

ul.time-slots {
    background-color: transparent !important;
}

footer .widget.widget_nav_menu ul.menu li a{
    text-transform: none !important;
}

body.error404 a.dt-sc-button.medium.filled.type2:hover {
    background-color: #e15f4b;
    color: #fff !important;
}





ul.fix-ul{
    list-style-position: outside;
    margin-left: 20px;
}
ul.tab-group-male-woman {
    width: 20%;
    /* float: right; */
    margin: 0 auto !important;
    margin-bottom: 40px !important;
}

ul.tab-group-male-woman .active a {
    background: #f39a88;
    color: #ffffff;
}
ul.tab-group-male-woman li {
    padding-bottom: 0 !important;
}
ul.tab-group-male-woman li a {
    display: block;
    text-decoration: none;
    padding: 5px;
    background: rgba(160, 179, 176, 0.25);
    color: #a0b3b0;
    font-size: 20px;
    float: left;
    width: 50%;
    text-align: center;
    cursor: pointer;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

ul.tab-group-male-woman {
    list-style: none;
    padding: 0;
    margin: 0 0 40px 0;
}

.faq-section  .dt-sc-toggle-frame-set.type2.alignright{
    width: 100%
}

.imgmapprohome .dt-sc-tabs-horizontal-frame-content{
    padding-bottom: 0 !important;
}
.onze-behandelingen .dt-sc-image-title {
    padding: 0px 0 15px !important;
    margin: 0 0 15px !important;
}

.dt-sc-reserve-appointment2 .dt-sc-schedule-progress{
    width: 25% !important;
}

body.error404 .center-content-wrapper .center-content, body.error404 .error-box-inner h3, body.error404 .error-box-inner h4{
    text-align: left;
}

.onze-behandelingen .wpb_column .wpb_wrapper, .onze-behandelingen .wpb_column .wpb_wrapper > .dt-sc-image-caption {
    height: 100%;
}

.onze-behandelingen .wpb_column .wpb_wrapper .dt-sc-image-title h3 a:hover, .onze-behandelingen .wpb_column .wpb_wrapper .dt-sc-image-title h3 a:focus {
    color: #E15F4B !important;
}
.onze-behandelingen .wpb_column .wpb_wrapper a.dt-sc-button.small.bordered.type2 {
    margin-top: -10px !important;
}

.dt-sc-available-times ul.time-slots>li{
	background-color: #f39a88;
}

.align-recaptcha .wpcf7-recaptcha > div {
    margin: 0 auto !important;
}

.align-recaptcha.footer-recaptcha .wpcf7-recaptcha > div {
    margin-top: 15px !important;
}

p.dt-sc-info-box{
	display: none;
}

.dt-sc-schedule-progress.dt-sc-current-step .dt-sc-progress-step span{
	background-color: #e15f4b !important;
	border-color: #e15f4b !important;
	color: #fff !important;
}

.dt-sc-schedule-progress .dt-sc-progress-step:before, .dt-sc-schedule-progress .dt-sc-progress-step:after{
	border-color: #f39a88;
}

.dt-sc-schedule-progress:not(.dt-sc-current-step) .dt-sc-progress-step span{
	border-color: #f39a88;
	color:#000 !important;
}

.dt-sc-colored-big-buttons, .dt-sc-button.fully-rounded-border, .dt-sc-button.fully-rounded-border:hover, .dt-sc-button.rounded-border.black:hover, .dt-sc-button.bordered.black:hover, .dt-sc-button.bordered:hover, .dt-sc-button.rounded-border:hover{
	background-color: #e15f4b !important;
	border-color: #e15f4b !important;
}

body.home button.dt-sc-button.filled.medium.show-time-shortcode {
    font-size: 14px;
}

.main-title-section-wrapper div.breadcrumb a, .main-title-section-wrapper div.breadcrumb a:hover, .breadcrumb span.current{
	color: #e4c7c7 !important;
}

.menu-footer-menu-container a, footer h3.dt-sc-sub-heading, footer .widget.widget_nav_menu ul.menu li > a:before {
    color: #fff;
}

body.page-id-21237 .wpb_button, .wpb_content_element, body.page-id-21237 ul.wpb_thumbnails-fluid>li{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

footer .aligncenter input[type="submit"], input.dt-sc-button, input.appointment-goback{
	background-color: #f39a88 !important;
	border-color: #f39a88 !important;
	color: #fff !important
}

.dt-sc-info-box{
	background-color: #f39a88 !important;
	border-color: 	  #e15f4b !important;
	color: #fff !important
}

footer input[type="text"], footer input[type="email"], footer textarea{
	color: #f39a88 !important;
}

footer .wpcf7-form-control-wrap:before{
	background: #f39a88 !important;
}

.dt-sc-goback-box:before{
	border-color: #f39a88 !important;
}

footer input[type="text"]:focus, footer input[type="email"]:focus, footer textarea:focus{
	border-color: #f39a88 !important;
}
footer .aligncenter input[type="submit"]:hover, input.dt-sc-button:hover, input.appointment-goback:hover{
	background-color: #e15f4b !important;
	border-color: #e15f4b !important;
	color: #fff !important
}

.dt-sc-info-box:before{
	color: #e15f4b !important;
}

ul.time-table ul.time-slots > li a:hover{
	background-color:#E15F4B !important;
	border-color:#E15F4B !important;
}

.onze-behandelingen .dt-sc-image-caption.type4 .dt-sc-image-title h3 {
    font-size: 28px !important;
}

.entry-author{
	display: none !important;
}

input.wpcf7-form-control.wpcf7-submit {
    background-color: #F39A88 !important;
    color: #fff;
}

input.wpcf7-form-control.wpcf7-submit:hover {
    background-color: #E15F4B !important;
    border-color: #E15F4B !important;
    color: #fff;
}

form.wpcf7-form.init.custom_contact_form span::before, form.wpcf7-form.init.custom_contact_form span::after {
    opacity: 0 !important;
}

.entry-top-meta-group .entry-date::before{
	content: "";
    position: absolute;
    left: 100%;
    background-color: #d5d5d5;
    width: 9999px;
    height: 1px;
    top: 0;
    bottom: 0;
    margin: auto;
        right: 100%;
    left: auto;
}

.dt-sc-reserve-appointment2 ul.time-table {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.breadcrumb .fa.default{
	background-color: #e4c7c7 !important;
}

ul.time-slots {
    max-width: 50%;
}

h2.dt-sc-sub-heading{
	font-size: 41px;
	padding-bottom: 30px;
}

h1.vc_custom_heading {
    margin-bottom: 0;
}

.imp-tooltip .hs-arrow{
    background-color: rgb(243, 154, 136)!important;
}
.imp-tooltip p{
    color: #000 !important;
}
.imp-tooltip a.squares-button{
    background-color: rgb(243, 154, 136)!important;
}

div.imp-initialized {
/*    max-width: 60%;
*/    margin: 0 auto;
}

.imp-tooltip {
    background-color: #fff !important;
    border: 1px solid rgb(243, 154, 136) !important;
}

/*
.side-navigation {
	position: fixed;
	top: 200px !important;
}
.side-navigation-content {
	float:right !important;
	width: 65% !important;
}
*/

#header {
    z-index: 99999999 !important;
}

.side-navigation-content [class*="vc_custom_"][data-vc-full-width] { z-index: -1; }

@media (min-width: 768px) and (max-width: 1200px) {
  #fixed-header [data-vc-full-width] > :nth-child(2) { width: calc(100%/12*9) }
}


@media only screen and (max-width: 767px) {
  .onze-behandelingen .wpb_column .wpb_wrapper, .onze-behandelingen .wpb_column .wpb_wrapper > .dt-sc-image-caption { height: auto; }
}
ul {
  list-style-position: outside;
  margin-left: 17px;
}


@media only screen and (max-width: 1367px) {
    ul.tab-group-male-woman{
        width: 100% !important;

    }
    td.mobile-behandeling-title a{
        text-transform: unset !important;
        font-size: 18px !important;
        color: #E15F4B !important;
    }

    .dt-sc-tabs-horizontal-frame-container ul.dt-sc-tabs-horizontal-frame .scroll_tab_inner li > a{
        margin: 0 !important;
    }

    .dt-sc-tabs-horizontal-frame-container .dt-sc-tabs-horizontal-frame-content{
        padding-top: 0 !important;
    }

    .dt-sc-tabs-horizontal-frame-container ul.dt-sc-tabs-horizontal-frame{
        margin-top: 0 !important;
    }

    body.home .wpb_column .wpb_raw_html + div[id="1606315499886-b8cc420d-cf67"]{
        display: none !important
    }

/*    body.home ul.dt-sc-tabs-horizontal-frame.scroll_tabs_container{
        height: 180px !important;
    }*/

    .dt-sc-tabs-horizontal-frame-container ul.dt-sc-tabs-horizontal-frame .scroll_tab_inner {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
           -moz-box-orient: vertical !important;
           -moz-box-direction: normal !important;
            -ms-flex-direction: column !important;
                flex-direction: column !important;
                position: static !important;
    }
    .dt-sc-tabs-horizontal-frame-container ul.dt-sc-tabs-horizontal-frame .scroll_tab_inner li a{
        width: 100% !important;

    }

    ul.tab-group-male-woman li a{
        line-height: 16px !important;
        font-size: 16px !important;
    }

   body.home .dt-sc-image-caption .dt-sc-image-content a{
        line-height: 18px !important;
        font-size: 18px !important;
    }
}

.parent-pageid-21616 .vc_row.wpb_row.vc_row-fluid[data-vc-full-width="true"],
.parent-pageid-21946 .vc_row.wpb_row.vc_row-fluid[data-vc-full-width="true"],
.parent-pageid-22294 .vc_row.wpb_row.vc_row-fluid[data-vc-full-width="true"],
.parent-pageid-22433 .vc_row.wpb_row.vc_row-fluid[data-vc-full-width="true"]{
    z-index: 999 !important;
}


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

     .consult-planning-3.wpb_column.vc_column_container.vc_col-sm-1{
        display: none !important;
    }

    .consult-planning-1.wpb_column.vc_column_container.vc_col-sm-5.vc_col-has-fill {
        width: 50% !important;
    }

}
@media only screen and (max-width: 500px) {
    ul.tab-group-male-woman{
        width: 100% !important;

    }

    div:not(.add-extra-height):not(.consult-planning) h2.dt-sc-sub-heading{
        font-size: 24px !important;
    }

    .consult-planning-2 h1, .add-extra-height h1, h1.dt-sc-sub-heading{
        font-size: 24px !important;
    }
    .consult-planning-2 h2, .add-extra-height h2, h2.dt-sc-sub-heading{
        font-size: 18px !important;
    }

    .huid-haar-onze-behandelingen-1,
    .huid-haar-onze-behandelingen-6{
        display: none !important;
    }

    .huid-haar-onze-behandelingen-2 h2.dt-sc-sub-heading {
        padding-bottom: 0 !important;
    }
    .huid-haar-onze-behandelingen-2 > .wpb_column {
        margin-bottom: 0 !important;
    }

    .consult-planning-cta h2.appointment-title{
        font-size: 35px !important;
    }

    .parent-pageid-21616 .vc_row.wpb_row.vc_row-fluid:not([data-vc-full-width="true"]),
    
    .parent-pageid-21946 .vc_row.wpb_row.vc_row-fluid:not([data-vc-full-width="true"]),
    .parent-pageid-22294 .vc_row.wpb_row.vc_row-fluid:not([data-vc-full-width="true"]),

    .page-id-21470 .vc_row.add-extra-height .wpb_column.vc_column_container.vc_col-sm-5:not(.vc_col-has-fill) .vc_column-inner,
    .page-id-21616 .vc_row.add-extra-height .wpb_column.vc_column_container.vc_col-sm-5:not(.vc_col-has-fill) .vc_column-inner,
    .page-id-21946 .vc_row.add-extra-height .wpb_column.vc_column_container.vc_col-sm-5:not(.vc_col-has-fill) .vc_column-inner,
    .page-id-22294 .vc_row.add-extra-height .wpb_column.vc_column_container.vc_col-sm-5:not(.vc_col-has-fill) .vc_column-inner,
    .vc_row.add-extra-height .wpb_column.vc_column_container.vc_col-sm-5:not(.vc_col-has-fill) .vc_column-inner,

    .parent-pageid-22433 .vc_row.wpb_row.vc_row-fluid:not([data-vc-full-width="true"]),
    .page-id-21237 .vc_custom_1605001552711,
    .page-id-21237 .vc_custom_1603288321274,
    .page-id-21237 .vc_custom_1603288347469,
    .page-id-21237 .row-filler-radiesse{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    footer#footer .vc_empty_space {
    display: none;
}


    .page-id-19560 .dt-sc-contact-info{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        text-align: center !important;
        padding-left: 0 !important;
    }
    .page-id-19560 .dt-sc-contact-info span.fas {
        display: block !important;
        clear: both;
        float: none !important;
        position: static !important;
        margin-bottom: 30px;
        width: 100%;
    }

    .page-id-19636 #main > .container{
        width: 100% !important;
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .page-id-21237 table td {
        font-size: 14px !important;
    }
    .page-id-21237 .vc_custom_1605001552711 .wpb_column.vc_column_container,
    .page-id-21237 .vc_custom_1603288321274 .wpb_column.vc_column_container,
    .page-id-21237 .vc_custom_1603288347469 .wpb_column.vc_column_container,
    .page-id-21237 .row-filler-radiesse .wpb_column.vc_column_container{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .huid-haar-onze-behandelingen {
        padding-bottom: 0 !important;
    }

    .consult-planning .consult-planning-2 .vc_column-inner{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .consult-planning-2 .vc_row.vc_row-o-content-middle>.vc_column_container>.vc_column-inner{
        justify-content: ;
    }
    .consult-planning-2 .dt-sc-empty-space{
        display: none !important;
    }

    .consult-planning-3.wpb_column.vc_column_container.vc_col-sm-1{
        display: none !important;
    }

    td.mobile-behandeling-title a{
        text-transform: unset !important;
        font-size: 16px !important;
        color: #E15F4B !important;
    }

    .dt-sc-tabs-horizontal-frame-container ul.dt-sc-tabs-horizontal-frame{
        margin-top: 0 !important;
    }

    body.home .wpb_column .wpb_raw_html + div[id="1606315499886-b8cc420d-cf67"]{
        display: none !important
    }
/*
    body.home ul.dt-sc-tabs-horizontal-frame.scroll_tabs_container{
        height: 180px !important;
    }*/

    .dt-sc-tabs-horizontal-frame-container ul.dt-sc-tabs-horizontal-frame .scroll_tab_inner {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
           -moz-box-orient: vertical !important;
           -moz-box-direction: normal !important;
            -ms-flex-direction: column !important;
                flex-direction: column !important;
    }
    .dt-sc-tabs-horizontal-frame-container ul.dt-sc-tabs-horizontal-frame .scroll_tab_inner li a{
        width: 100% !important;

    }

    ul.tab-group-male-woman li a, .dt-sc-image-caption .dt-sc-image-content a{
        line-height: 16px !important;
        font-size: 16px !important;
    }

    .dt-sc-tabs-horizontal-frame-container ul.dt-sc-tabs-horizontal-frame .scroll_tab_inner li > a{
        padding: 5px !important;
        font-size: 12px !important;
        line-height: 12px !important;
    }
    .imp-shape-text {
        font-size: 7px !important;
    }
    .derma-header-desktop .menu-trigger.menu-trigger-icon{
        text-align: left !important;
        margin-left: 0 !important;
        margin-top: 10px !important;
    }

    h1.dt-sc-sub-heading {
        font-size: 40px;
    }

    .derma-header-phone a{
        position: absolute;
        left: 0;
    }
    .derma-header-phone {
        padding-left: 0 !important;
    }

    body.home .vc_section .vc_row .wpb_single_image + .vc_row .vc_column-inner,
    body.home .vc_section .vc_row .wpb_single_image + .vc_row{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .vc_row.wpb_row.vc_row-fluid:not(.vc_custom_1605001552711):not(.vc_custom_1605001552711):not(.vc_custom_1603288321274):not(.vc_custom_1603288347469):not(.row-filler-radiesse){
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .custom-header-topbar .flex-col-elements-inline-middle:after{
        width: 100% !important;
    }

   .vc_column_container>.vc_column-inner{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }       

    .page.type-page div.vc_row:first-child {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .no-breadcrumb #main {
        margin-top: 0 !important;
    }

    .derma-header-desktop .derma-header-phone {
        width: 50%;
        float: left;
    }

    .derma-header-desktop .dt-sc-sociable.small li a {
        font-size: 20px;
        height: 20px !important;
        line-height: 20px !important;
        width: 20px !important;
    }

    .derma-header-desktop .derma-header-social {
        float: right !important;
        width: 50%;
        clear: unset !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: right !important;
    }

    .derma-header-desktop .custom-header-topbar {
        padding: 0 !important;
        margin: 0 !important;
    }
}
@media only screen and (min-width: 1200px) {
    .hide_row_on_desktop{
        display: none !important;
    }
}
@media only screen and (max-width: 767px) and (min-width: 501px) {
    h1, h2 { font-size: 35px; }
    h2.dt-sc-sub-heading { font-size: 35px !important; }
}
@media only screen and (max-width: 767px) {
    /* H1 & H2 aanpassen naar font-size 35px (enkel mobile) */

​
    /* Padding tekst: links & rechts van gehele site verkleinen */
    .vc_custom_1564388418825 { padding-left: 10% !Important; padding-right: 10% !important}
​
    /* Footer: paddings tss widgets verkleinen, staan nu heel ver uit mekaar */
    #footer .vc_empty_space { display: none; }
    
    /* Bottom footer aanpassen */
    #footer .wpb_column.vc_column_container.vc_col-sm-4:not(:last-child) { 
        width: 50%; 
        padding-left: 0;
        padding-right: 0;
        font-size: 13px;
        align-items: flex-start;
    }
    #footer .wpb_column.vc_column_container.vc_col-sm-6 { width: 50%; }
    
    /* Homepage: paddings aanpassen */
    .home #primary [data-vc-full-width] {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* horizontal spacing, every page has custom css that needs to be changed */
    .vc_custom_1600175382186,
    .vc_custom_1605000954633,
    .vc_custom_1600181727825,
    .vc_custom_1601287658030{
        padding-left: 10% !important;
        padding-right: 10% !important;
    }
    
    /* vertical spacing */
    /* .dt-sc-empty-space { display: none; } /* this selector is to generic, is need in some places */
    
    .vc_col-sm-5 + .vc_col-sm-5 + .vc_col-sm-2 { display: none; }
    
    .vc_custom_1605001552711 { padding-top: 0 !important; }
    
    /* image height, it's a background so we can never fully know it's height, therefor we keep a ratio of approx. 16:9 */
    [data-vc-stretch-content] > .vc_col-sm-5:first-child > [class*="vc_custom"]
        { min-height: 200px; }
    
    /* headers */
    .dt-sc-title.script-with-sub-title + * + * { clear: both; }
    
    /* Consult: 4 stapjes ivm afspraak maken fubar */
    .dt-sc-schedule-progress-wrapper { display: none; }
}


.dt-header-menu ul.sub-menu li {
    padding: 0px 30px 0px 20px !important;
}
.dt-header-menu ul.sub-menu {
    width: 350px !important;
}
.side-navigation-content {
    float:right !important;
}
.side-navigation {
    float:left !important;
}

h2.dt-sc-sub-heading {
    hyphens: none !important;
	word-break: keep-all !important;
    -webkit-hyphens: none;
}


@media only screen and (max-width: 1000px) {

        .side-navigation.type4 ul.side-nav li a{
            font-size: 16px !important;
        }
        .side-navigation.type4, .side-navigation-content { width:100% !important; }
}



@media (max-width: 767px) {
    div.vc_col-sm-10 .vc_row-fluid {
		padding-left: 40px !important;
	}
	.dt-sc-tabs-vertical {
	    width: 100% !important;
		margin-bottom: 50px !important;
	}
	.dt-sc-tabs-vertical-content {
		width: 100% !important;
    		padding-right: 10px !important;
	}
}
@media (max-width: 1500px) {
    div.vc_col-sm-5 .vc_column-inner {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    div.vc_col-sm-10 .vc_row-fluid {
		padding-left: 10px !important;
	}
}


.vc_row-has-fill .vc_row-o-content-middle.vc_row-flex {
	padding-left: 0px !important;
}
@media (max-width: 767px and max-width: 1500px) {
	/*padding-top: 100px !important;*/
}
@media and (max-width: 767px) and (min-width: 501px){
	h1.vc_custom_heading {
		font-size: 35px !important;
	}
	h2.dt-sc-sub-heading {
		font-size: 35px !important;
	}
}



.mobile-behandeling {
	width: 100%;
}
.mobile-behandeling tr {
	background-color: white !important;
}
.mobile-behandeling-picture img { 
	width: 100px; 
	height: 100px; 
	text-align: right;
}
.mobile-behandeling-title {
	vertical-align: middle;
	text-align: left;
}
.mobile-behandeling-title a {
	left: 5%;
	vertical-align: middle;
	color: #f39a88 !important;
    font-size: 16px !important;
}

.main-title-section-wrapper .main-title-section h1 {
	font-size: 37px !important;
}

.entry-thumb:before {
    background: none !important;
}
.entry-thumb .entry-date, .entry-thumb .entry-comments {
	display: none !important;
}

/* MONTSERRAT */

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/uploads/fonts/montserrat/static/Montserrat-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/uploads/fonts/montserrat/static/Montserrat-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/uploads/fonts/montserrat/static/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/uploads/fonts/montserrat/static/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/uploads/fonts/montserrat/static/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/uploads/fonts/montserrat/static/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/uploads/fonts/montserrat/static/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/uploads/fonts/montserrat/static/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/uploads/fonts/montserrat/static/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

/* WORK SANS */

@font-face {
    font-family: 'Work Sans';
    src: url('/wp-content/uploads/fonts/work-sans/static/WorkSans-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/wp-content/uploads/fonts/work-sans/static/WorkSans-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/wp-content/uploads/fonts/work-sans/static/WorkSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/wp-content/uploads/fonts/work-sans/static/WorkSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/wp-content/uploads/fonts/work-sans/static/WorkSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/wp-content/uploads/fonts/work-sans/static/WorkSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/wp-content/uploads/fonts/work-sans/static/WorkSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/wp-content/uploads/fonts/work-sans/static/WorkSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/wp-content/uploads/fonts/work-sans/static/WorkSans-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}