/*
Theme Name: Taxonic
Theme URI: http://totalwptheme.com
Description: Dit thema is een Child-theme van WPExplorer / Total-theme en is op maat gemaakt voor Taxonic
Author: Ron Mooij - ZoMooij
Author URI: http://www.zomooij.nl
Template: Total
Version: 1.0
*/


/* Huisstijl kleuren
    #f08302  - Oranje accent kleur
    #ececec  - Lichtgrijze achtergrond
*/

/*--------------------------------------------------------------
>>> Inhoudsopgave
----------------------------------------------------------------
 1.0 - Polylang - Meertaligheid
 2.0 - Footer
/*--------------------------------------------------------------
 1.0 - XXXXXXXXXXXXX
--------------------------------------------------------------*/


.polylang-switcher-shortcode.clr.flags-and-names {
    float: right;
    margin-top: -25px;
    font-size: 13px;
    font-weight: 200;
}

.polylang-switcher-shortcode.clr.flags-and-names a {
    color: #000 !important;
}


/*13-3-2018: Revolution Slider volledig uitgefaseerd*/
/*!*--------------------------------------------------------------*/
 /*x.0 - Revolution Slider hacks*/
/*--------------------------------------------------------------*!*/

/*!* 2-5-2017 Buttons worden onzichtbaar na aanpassing. Waarschinlijk een bug?*/
 /*Bleek te zitten in de Background-color van buttons. (Zie Revolution Slider -> Button -> Style)*/
/*Over een jaartje checken of deze vieze hack kan worden verwijderd.*/
 /**!*/

/*!*.tp-caption.Hero-Button, .Hero-Button {*!*/
/*.Hero-Button {*/
    /*background-color: rgba(182, 42, 21, 0.8) !important;*/
/*}*/

/*--------------------------------------------------------------
 x.0 - Homepage tweaks
--------------------------------------------------------------*/


/*Teaserbox aanpassingen bij de grote afbeelding op homepage (Werkt alleen bij Tablets and desktop*/
@media only screen and (min-width : 768px) {
    .vcex-teaser-content {
        /*padding-top: 20px;*/
        min-height: 100px;
    }
}

/*--------------------------------------------------------------
 x.0 - Personeel grid aanpassingen
--------------------------------------------------------------*/

.overlay-title-excerpt-hover-excerpt {
    margin: 20px 5px 20px 5px;
    font-size: 13px;
}



/*13-3-2018: CSS voor Materiial Icons verwijderd*/
/*!*--------------------------------------------------------------*/
 /*x.0 - Icon Fonts Material Icons aanpassingen*/
/*--------------------------------------------------------------*!*/
/*!*.material-icons {*!*/
    /*!*color: #fff;*!*/
    /*!*font-size: 1.7em;*!*/
/*!*}*!*/

/*.material-icons {*/
    /*font-family: 'Material Icons';*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
    /*font-size: 1.7em;*/
    /*color: #fff;*/
    /*display: inline-block;*/
    /*line-height: 1;*/
    /*text-transform: none;*/
    /*letter-spacing: normal;*/
    /*word-wrap: normal;*/
    /*white-space: nowrap;*/
    /*direction: ltr;*/

    /*!* Support for all WebKit browsers. *!*/
    /*-webkit-font-smoothing: antialiased;*/
    /*!* Support for Safari and Chrome. *!*/
    /*text-rendering: optimizeLegibility;*/

    /*!* Support for Firefox. *!*/
    /*-moz-osx-font-smoothing: grayscale;*/

    /*!* Support for IE. *!*/
    /*font-feature-settings: 'liga';*/
/*}*/




/*--------------------------------------------------------------
 x.0 - Bijschrift/Callout onderin elke pagina
--------------------------------------------------------------*/

/*Callout Box opmaak*/
#footer-callout-left {
    width: 66%;
}
#footer-callout-right {
    margin-left: 2%;
    width: 30%;
}



/*--------------------------------------------------------------
 2.0 - Footer
--------------------------------------------------------------*/

/* Contact Text Widget */
.contact-icons {
    float: left;
    text-align: center;
    width: 10%;
}
.contact-content {
    float: left;
    width: 90%;
}



/* Contact kolom was te breed. Daarom footer-font iets verkleinen. */
.footer-widget.widget_text.clr {
    font-size: 15px;
}


/*9-2-2018: Verwijderd omdat 4e footerkolom is verwijder.*/
/*.zomooij_credits .zomooij_seperator {*/
    /*border-top-style: solid;*/
    /*border-width: 1px;*/
    /*margin: 10px 50px 10px 50px;*/
/*}*/

/*.zomooij_credits .zomooij_tekst {*/
    /*!*display: block;*!*/
    /*font-size:0.67em;*/
    /*!*width: 70%;*!*/
    /*!*margin-left: auto;*!*/
    /*!*margin-right: auto;*!*/
    /*text-align: center;*/
/*}*/


/*9-2-2018 Er wordt geen logo meer in foto getoond.*/
/*!* Ruimte onder Taxonic logo in Footer minimaliseren. *!*/
/*div.footer-widget.widget_text.clr{*/
    /*padding-bottom: 0px !important;*/
/*}*/

/*.taxonic_footer-logo {*/

    /*display: block;*/
    /*margin-top: 8px;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/

/*}*/


/*--------------------------------------------------------------
 x.0 - Carousel
--------------------------------------------------------------*/
/* Titel onder Portfolio carousel centreren */
.portfolio-entry-details.entry-details.wpex-clr .portfolio-entry-title.entry-title {
    text-align: center;
}

/*--------------------------------------------------------------
 x.0 - Werken bij
--------------------------------------------------------------*/



/*Februari 2018: Tour Tabs verwijderd*/
/*!* Vormgeving Tour-Tabs in het vacature overzicht *!*/

/*!* Kleur instellen van de niet-active Tour-Tabs op Taxonic huisstijl *!*/
/*div.vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab a {*/
    /*background-color: #F08302 !important;*/
/*}*/
/*!* Standaard had de Tour-Tab een Gradient kleurverloop. Transparant overrulen *!*/
/*.wpb-js-composer .vc_tta.vc_tta-style-modern .vc_tta-tab > a {*/
    /*background-image: none !important;*/
/*}*/

/*!* Actieve Tour-Tabblad Andere kleur geven *!*/
/*div.vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab.vc_active a {*/
    /*background-color: #F5F5F5 !important;*/
/*}*/

/*!* Vacature Grid *!*/
/*.vc_custom_1514448427126 {*/
    /*!*background: linear-gradient(45deg, rgba(240, 131, 2, 1), rgba(65, 62, 56, 1) );*!*/
    /*background-image: radial-gradient(ellipse farthest-corner at right top, #F08302 0%, #FFFFFF 100%);*/
/*}*/




/*--------------------------------------------------------------
 x.0 - Sollicitatieformulier
--------------------------------------------------------------*/

.taxonic-recaptcha {
    margin-top: 32px;
    float: left;
    margin-bottom: 32px;
}

/* Opmaak 'Bladeren naar CV' regel.
  Veel uitzoekwerk gedaan om de Button een opmaak in de huisstijl te geven. Blijkt erg complex. Mogelijk zelfs jQuery aanpassingen nodig.*/
input.wpcf7-form-control.wpcf7-file.wpcf7-validates-as-required.ZM_Button-upload-CV {
    display: inline-block;
    height: 40px;
}



/* Button "Solliciteren" */
input.wpcf7-form-control.wpcf7-submit.submit_sollicitatie {
	width: 100% !important;
	font-size: 25px !important; 
	font-weight: bold !important;
	padding: 20px !important; 
}




span.wpcf7-form-control-wrap.motivatie textarea.wpcf7-form-control.wpcf7-textarea {
    max-height: 166px;
}

/* 27-12-2017: Deze hack is nodig om te zorgen dat de koptekst van het veld 'motivatie' naar links kan floaten.*/
.wpcf7-file {
	margin-bottom: 5px !important;
}

/*.ZM_motivatie {*/
    /*clear: both !important;*/
/*}*/



/* Opmaak e-mail signature e-mail naar sollicitant */
.taxonic_email_signature {
    font-family: Open Sans;
    font-size: 20px;
}


/*--------------------------------------------------------------
 x.0 - Overige Contact Form aanpassingen
        (Kleine contactformulier op vacaturepagina's en op Pega Competence Center pagina
--------------------------------------------------------------*/
input.wpcf7-form-control.wpcf7-submit.submit_vacature_contactverzoek,
.submit_interesse_training {
    width: 100% !important;
    /*font-size: 25px !important;*/
    /*font-weight: bold !important;*/
    /*padding: 20px !important;*/
}




/*--------------------------------------------------------------
 x.0 - Opmaak blogitems nieuws/publicaties/white papers
--------------------------------------------------------------*/

/* Opmaak categorie aanduiding links bovenin de featured image in blog grid */
.taxonic-blog-categorie div.overlay-title-category-visible-category {
    background: rgba(0, 0, 0, 1) none repeat scroll 0 0;
    padding: 0px 6px 0px 6px;
}


/* Opmaak van de Post-titel in de featured image in de blog grid 
.taxonic-blog-afbeelding {
    background: rgba(240, 131, 2, 1) none repeat scroll 0 0; 
}
*/

.taxonic-blog-afbeelding-news, .taxonic-blog-afbeelding-nieuws{
   background: linear-gradient(45deg, rgba(240, 131, 2, 1), rgba(65, 62, 56, 1) );
}
.taxonic-blog-afbeelding-publications, .taxonic-blog-afbeelding-publicaties{
   background: rgba(240, 131, 2, 1) none repeat scroll 0 0; 
}
.taxonic-blog-afbeelding-white-papers, .taxonic-blog-afbeelding-white-papers-nl{
//   background: rgba(189, 180, 141, 1) none repeat scroll 0 0; 
   background: linear-gradient(45deg, rgba(240, 131, 2, 1), rgba(241, 211, 110, 1) );

}

/*@media only screen and (min-device-width : 940px) and (max-device-width : 1080px) {*/
     /*!*Opmaak tekst over de Blog-afbeelding*!*/
    /*.overlay-title-category-visible-title h3 {*/
        /*color: #fff;*/
        /*font-size: 0.4em;*/
    /*}*/

/*}*/


/*Opmaak tekst over de Blog-afbeelding*/
div.overlay-title-category-visible-title h3 {
    /*div.overlay-title-category-visible-text.clr.h3 {*/
    color: #fff;
    /*font-size: 1.2em;*/
    font-size: 1.4em;
    padding: 10px;
    text-align: center;
}

/* Responsive: Telefoons */
@media only screen and (max-width :767px) {
    /*Opmaak tekst over de Blog-afbeelding*/
    div.overlay-title-category-visible-title h3 {
        /*div.overlay-title-category-visible-text.clr.h3 {*/
        font-size: 1.4em;
    }
}


/* Responsive: Tablets */
@media only screen and (min-width : 768px) and (max-width : 1090px) {
    /*Opmaak tekst over de Blog-afbeelding*/
    div.overlay-title-category-visible-title h3 {
        /*div.overlay-title-category-visible-text.clr.h3 {*/
        font-size: 1.1em;
    }
}




/*--------------------------------------------------------------
 x.0 - Testimonials Slider
--------------------------------------------------------------*/

#taxonic-testimonials img {
    width: 200px;
    height: 200px;
}

#taxonic-testimonials p {
    font-weight: 500;
}




/*--------------------------------------------------------------
 x.0 - Experimenten
--------------------------------------------------------------*/


/*.tp-caption.Hero-Button, .Hero-Button {*/
.Hero-Button {
    background-color: rgba(182, 42, 21, 0.8) !important;
}


/*.material-icons {*/
    /*font-family: 'Material Icons';*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
    /*font-size: 40px;*/
    /*line-height: 2;*/
    /*letter-spacing: normal;*/
    /*text-transform: none;*/
    /*display: inline-block;*/
    /*white-space: nowrap;*/
    /*word-wrap: normal;*/
    /*direction: ltr;*/
    /*-moz-font-feature-settings: 'liga';*/
    /*-moz-osx-font-smoothing: grayscale;*/
/*}*/