/*
Theme Name: Aphelion Child
Description: Child theme for Aphelion theme
Author: WebData.Online
Author URI: https://web-data.online
Template: aphelion
Version: 1.0.0
Text Domain: aphelion
*/

/* Color scheme: #c1a56e #800000 */

/* Separator */
.heading_separator_wrap_snellman {
    width: 100%;
    max-width: 300px;
    text-align: center;
    position: relative;
    margin: 0 auto;
}

.heading_separator_snellman {
    background: #fff url('separator_g.png') no-repeat;
    background-size: 100px 36px;
    background-position: center;
    width: 130px;
    height: 36px;
    margin: 20px auto;
    z-index: 2;
    position: relative;
}

.heading_separator_line_snellman {
    display: block;
    width: 100%;
    height: 1px;
    background: #c1a56e;
    top: 15px; 
    position: absolute;
    z-index: 1;
}

/* Footer */
#wb_aphelion_footer_wrap { 
	padding: 120px 0px 60px 0px;
}

/* Modal PopUps */
#wb-form-popup-wrap {
	background: rgba(0,0,0,0.8);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	color: #fff;
	-webkit-box-align:center;
	-webkit-box-pack:center;
	display: none;
}

#wb-form-popup {
	background: rgba(0,0,0,0.0);
	position: relative;
}

#wb-form-popup-close {
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;
	font-size: 38px;
}

#modal_box_video_1 {
	display: none;
}

.center-me {
	padding: 80px 0px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

#openwindow_1 {
	font-size: 180px;
	height: 180px;
	width: 180px;
	background: url('play-button-28241.png') no-repeat;
	background-size: 180px 180px;
	transform: scale(1.0);
	cursor: pointer;
	z-index: 9999;
	zoom: 1.0;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	margin: 0 auto;
}

#openwindow_1:hover {
	transform: scale(1.1);
}	

#wb-form-popup,
.iframe_video {
	width: 800px;
	height: 440px;
}

.snellman_kurssit_content_wrap {
	padding-bottom: 40px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 40px;
}

.snellman_kurssit_content_wrap:last-of-type {
	border-bottom: 0px;
}

@media(max-width: 800px) {  
	.min-height-col .fusion-column-wrapper {
		min-height: 400px !important;
	}
}

@media(max-width: 700px) {
	#wb-form-popup {
		width: 300px;
		height: auto;
	}

	.iframe_video {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
}