/*
Theme Name: Divi Child Theme
Description: Divi Child Theme
Author:  Michał Szałański
Author URI:  http://michalszalanski.pl
Template: Divi
Version:  1.0.2
*/

 
/* =Theme customizations
------------------------------------------------------- */

.home .et_pb_section_0 {
	padding-top: 0px !important;
}

/* Hide footer */
#main-footer {
    height: 0 !important;
    overflow: hidden;
}

/* Reset the button size */
.ctcc-right-side {
	flex-shrink:inherit !important;
}

/********** Customize Hero ***********/
/* Display the header at all times */
#main-header{
	display: block !important;
}

/* Change the blackoverlay on the video */
.home .et_pb_fullwidth_header_overlay{
  background-color: rgba(0, 0, 0, 0.6) !important;
}

/* Move the arrow slightly up */
.et_pb_fullwidth_header_scroll{
  margin-bottom:2vw !important;
}

.et_pb_section_video_bg .mejs-video {
    top: -25%;
}

#hero_vid {
	padding-top: 30vh !important;
}

@media (max-height: 900px){
	#hero_vid {
		padding-top: 20vh !important;
	}
}

/* For small screens - remove the arrow and move the text up */
@media (max-width: 700px){
	.et_pb_fullwidth_header_scroll{
		display:none;
	}
	
	#hero_vid {
		padding-top: 50px !important;
	}
	
	.et_pb_section_video_bg .mejs-video {
    	top: 0%;
	}
}

/* Fix the video size - bug introduced by the language menu */
video {
	height: auto !important;	
}



/* Make the hero section exactly the size of screen */
#hero_vid {
	min-height: calc(101vh - 190px);
}

/* Remove the mobile menu, replace it withe the stock one */
@media (max-width: 700px){
	#top-menu {
		display:block !important;
	}
	
	#et_mobile_nav_menu {
		display:none !important;
	}
}

/* Remove the logo on mobile */
.logo_container {
	display:none !important;
}


/* Fix the buttons on laptops */
.et_pb_fullwidth_header_scroll {
	left:50% !important;
	right: 50% !important;
	width: auto !important;
}

/*********** Forms *************/
/* Grid for the form */
.one-half {
	grid-column-end: span 6 !important;
  	grid-column-end: 6;
}

.one-third {
	grid-column-end: span 4 !important;
  	grid-column-end: 6;
}

.two-thirds {
	grid-column-end: span 8 !important;
  	grid-column-end: 6;
}

/* Set the captcha and submit button */
.wpcf7-submit{
	float:right;
}
.msCaptcha{
  	grid-column-end: 9 !important;
}

.msSubmit{
  	grid-column-end: 13 !important;	
}

/* Reset their position on mobile */
@media (max-width: 700px){
	.one-half, .one-third, .msCaptcha, .mdc-layout-grid__cell--span-12, .two-thirds, .mdc-layout-grid > div:not(.mdc-layout-grid__cell) {
		grid-column-end: span 12 !important;
	}

	.wpcf7-submit{
		float:right;
	}
}

#cf7md-form .mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: rgb(255, 255, 255);
}

#cf7md-form label, #cf7md-form .cf7md-label--static, #cf7md-form .cf7md-help-text {
    color: rgb(255, 255, 255) !important;
}

#cf7md-form input, #cf7md-form textarea, #cf7md-form select, #cf7md-form .wpcf7-list-item label, #cf7md-form .cf7md-accept-label {
    color: rgb(255, 255, 255) !important;
	position: relative;
}

#cf7md-form .mdc-textfield--upgraded:not(.mdc-textfield--fullwidth):not(.mdc-textfield--multiline)::after {
    background-color: rgb(255, 255, 255);
}

#cf7md-form .mdc-textfield--multiline .mdc-textfield__input {
    border: 1px solid rgb(255, 255, 255);
}

#cf7md-form .mdc-checkbox__background {
    border: 2px solid rgb(255, 255, 255);
}

#cf7md-form .mdc-select {
    border-bottom: 1px solid rgb(255, 255, 255);
}

/* Make all mandatory fields indicator "*" red */
.mdc-floating-label::after {
	color: #c52f2f !important;
}