/*
Theme Name: Divi Child Theme
Version: 2.0
Description: Basic Child Theme by JoshHall.co
Author: Josh Hall
Template: Divi
Author URL: https://joshhall.co
*/

body { font-size:15px; }

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {  
	h1 { font-size: 48px!important; }
	h2 { font-size: 42px!important; }
	h3 { font-size: 38px!important; }
	h4 { font-size: 32px!important; }	
	h5 { font-size: 24px!important; }
	h6 { font-size: 18px!important; }
	#slider-header h1 { font-size: 48px; font-weight: 600; } }
 
/*** Responsive Styles Standard Desktop Only (tablet Samsung) ***/
@media all and (min-width: 1100px) and (max-width: 1405px) { 
	h1 { font-size: 48px!important; }
	h2 { font-size: 40px!important; }
	h3 { font-size: 38px!important; }
	h4 { font-size: 32px!important; }
	h5 { font-size: 22px!important; }
	h6 { font-size: 18px!important; }
	#slider-header h1 { font-size: 42px; font-weight: 600; } }

/*** Responsive Styles Tablet Only ***/  /*** Tablet horizontal
@media all and (max-width: 1500px) { 
	h1 { font-size: 40px!important; }
	h2 { font-size: 30px!important; }
	h3 { font-size: 26px!important; }
	h5 { font-size: 20px!important; }
	#slider-header h1 { font-size: 42px; font-weight: 600; } }  ***/

/*** Responsive Styles Tablet Only ***/  /*** Tablet landscape ***/
@media all and (min-width: 980px) and (max-width: 1100px) { 
	h1 { font-size: 46px!important; }
	h2 { font-size: 38px!important; }
	h3 { font-size: 36px!important; }
	h4 { font-size: 28px!important; }
	h5 { font-size: 22px!important; }
	h6 { font-size: 17px!important; }
	#slider-header h1 { font-size: 40px!important; font-weight: 600; } }
 
/*** Responsive Styles Tablet Only ***/  /*** Tablet vertical ***/
@media all and (min-width: 767px) and (max-width: 980px) { 
	h1 { font-size: 42px!important; }
	h2 { font-size: 37px!important; }
	h3 { font-size: 35px!important; }
	h4 { font-size: 27px!important; }
	h5 { font-size: 22px!important; }
	h6 { font-size: 17px!important; }
	#slider-header h1 { font-size: 40px!important; font-weight: 600; } }
 
/*** Responsive Styles Smartphone Only ***/
@media all and (min-width: 478px) and (max-width: 767px) { 
	body { font-size: 15px!important; }
	h1 { font-size: 40px!important; }
	h2 { font-size: 36px!important; }
	h3 { font-size: 34px!important; }
	h4 { font-size: 26px!important; }	
	h5 { font-size: 20px!important; }
	h6 { font-size: 16px!important; }
	#slider-header h1 { font-size: 38px!important; font-weight: 600; } }
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 478px) { 
	body { font-size: 14px!important; }
	h1 { font-size: 34px!important; }
	h2 { font-size: 32px!important; }
	h3 { font-size: 30px!important; }
	h4 { font-size: 24px!important; }
	h5 { font-size: 20px!important; }
	h6 { font-size: 16px!important; }
	#slider-header h1 { font-size: 32px!important; font-weight: 600; }
	.et_pb_module.et_pb_button { display: block; } }  /*** BUTTONS volle breedte Mobile ***/

h1 { font-size: 46px; font-weight: 700; text-transform:uppercase; } /*** vet ***/
h2 { font-size: 42px; font-weight: 700; text-transform:uppercase; }
h3 { font-size: 38px; font-weight: 700; text-transform:uppercase; }
h4 { font-size: 32px; font-weight: 700; text-transform:uppercase; }
h5 { font-size: 24px; font-weight: 700; } /*** semi-vet ***/
h6 { font-size: 18px; font-weight: 600; }



/* ------ Divi call to action button normal state
@media (min-width: 980px) {
.menu_cta {
padding: 0!important;
border-radius: 12px;
border: solid 2px #19ba97; /* change the color of the border
transition: 0.3s;
background-color: #19ba97; } /* change the color of the background
.menu_cta a{
color: #f4f4f4!important; /* change the color of the button text
padding: 5px 20px 5px 20px!important; }

/* ------ Divi call to action button hover state
#top-menu-nav .menu_cta a:hover {
opacity: 1; }
.menu_cta:hover {
border: solid 2px #fe8400; /* change the color of the hover border
background: #fe8400; }} /* change the color of the hover background */


/* place BUTTON modules next to each other in the same column */
.pa-inline-buttons .et_pb_button_module_wrapper {
    display:inline-block; }
/*** Responsive Styles Tablet Only ***/  /*** Tablet vertical ***/
@media all and (max-width: 980px) { 
.pa-inline-buttons {
    text-align:center!important; width:100%!important; /*** width:100%!important; .. werkt niet! ***/ } }

/* DiviPixel Advanced Tabs - Subtitle 4th en 5th tab - width smaller so "AI vaardigheden" en "een boost" is on next line */
.dipi-at-tab.dipi_advanced_tabs_item_4 .dipi-at-tab-subtitle, .dipi-at-tab.dipi_advanced_tabs_item_5 .dipi-at-tab-subtitle {
max-width:155px !important; }
/* DiviPixel Advanced Tabs - Subtitle all tabs */

/* Right Sidebar - BLOG widget - rounded corners */
.et_pb_widget ul.blogs-sidebar li img { border-radius:10px; }
.et_pb_widget ol li, .et_pb_widget ul li { line-height:1.6em; margin-bottom:2em; }

/* Hides the reCAPTCHA on every page */
.grecaptcha-badge {visibility:hidden!important;}
/* Moves the reCAPTCHA to the left - badge collapsed
.grecaptcha-badge {width:70px!important; overflow:hidden!important; transition:all 0.3s ease!important; left:0px!important;}
.grecaptcha-badge:hover {width: 256px !important;}   */
